连接剑道网格列答案

【问题标题】：Concatenate the Kendo Grid Columns连接剑道网格列
【发布时间】：2013-04-12 05:51:32
【问题描述】：

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

我尝试过，但到目前为止没有成功，也搜索过，但仍然没有得到如何去做？？

我想在单个 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"}
        ]
    });
});

【问题讨论】：

标签： php kendo-ui kendo-grid

【解决方案1】：

答案是使用template列：

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

【讨论】：

那么在我的情况下如何使用它？我应该直接放在那里吗？
是的，不需要指定任何字段，只需上面文档链接中显示的模板

【解决方案2】：

另一个在 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>

【讨论】：