连接剑道网格列


Concatenate the Kendo Grid Columns

我想做的是在剑道网格中连接或合并两列。

我试着去做,但没有成功,到目前为止,也搜索了它,但仍然不知道怎么做??

我想在一个e-g

中连接两列或三列
First Name
Middle Name
Last Name

所有内容应以单个

显示
Full Name

这是我的一些kendogrid代码。

$("#EmployeeGrid").kendoGrid({
        dataSource:{
            transport: {
                read: "<?php echo base_url() ?>index.php/hr_management/manage_hr/list_view"
            },
            schema:{
                data: "data"
            }
        },
        columns: [
            {
                field: "EmployeeID",
                hidden:true
            },
            {
                field:"LastName"
            },
            { field: "LastName"+"FirstName",
                title:"Full Name"
            },
            {
                field:"City",
                title:"City"
            },
            {
                field:"AddressLine1",
                title:"Address 1"
            },
            {
                field:"WorkPhone",
                title:"WorkPhone"
            },
            {
                field:"MobileNo",
                title:"Mobile No"
            },
            {command: { text: "View", click: showDetails }, title: " ", width: "140px"},
            {command: { text: "Edit", click: EditUserDetails }, title: " ", width: "140px"}
        ]
    });
});

答案是使用模板列:

template:"#= FirstName # #= MidName # #= LastName #"

另一个在Angular 8中有效的例子:

<kendo-grid-column field="LastName" title="Last, First">
      <ng-template kendoGridCellTemplate let-dataItem>
       {{ dataItem.LastName}}, {{ dataItem.FirstName }}
    </ng-template>
</kendo-grid-column>
<kendo-grid-column field="MiddleName" title="Middle"></kendo-grid-column>