【问题标题】:How do I set a "UniqueName" on a Kendo Grid like you can with a Telerik RadGrid?如何像使用 Telerik RadGrid 一样在 Kendo Grid 上设置“UniqueName”?
【发布时间】:2013-04-15 23:38:01
【问题描述】:

我正在处理一项将数据集从 Telerik RadGrid 迁移到 Kendo Grid 的任务,以尝试设置排序。对于大多数列,我的排序工作正常,但是有些列的数据字段名称“不明确”(同名)。 RadGrid 允许我建立一个“UniqueName”来指定哪一列。

剑道网格示例

    var assignmentColumns = 
    [
        { title: "Last Note Date", field: "NoteDateTime", template: '#= kendo.toString( toDate(NoteDateTime), "M/dd/yyyy h:mmtt" ) #' }
    ];



        var gridDataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: '-',
                    type: 'POST',
                    contentType: 'application/json'
                },
                parameterMap: function (options) {
                    return JSON.stringify(options);
                }
            },
            schema: {
                data: 'data',
                total: 'totalItems'
            },
            serverPaging: true,
            pageSize: 10,
            serverFiltering: true,
            serverSorting: true
        });


        $grid.kendoGrid({

            dataSource: gridDataSource,
            pageable: true,
            scrollable: false,
            sortable: {
                allowUnsort: true
            },
            columns: assignmentColumns
        });

Telerik 工作示例

<telerik:RadGrid ID="radGrid_Commentary" AllowSorting="true">
    <MasterTableView>
        <Columns>  
            <telerik:GridBoundColumn DataField="NoteDateTime" UniqueName="cg.Date" HeaderText="Date" DataFormatString="{0:MM/dd/yyyy}" />
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

有人对如何为 kendogrid 列指定“UniqueName”有任何想法吗?

【问题讨论】:

    标签: c# javascript jquery radgrid kendo-grid


    【解决方案1】:

    好的,经过几个小时的思考和摆弄,我想通了。模板处理屏幕上显示的内容,该字段是排序/过滤器在将信息传递回服务器端排序/过滤时使用的内容。我可能应该早点弄清楚这一点,但我希望这可以帮助其他正在经历类似脑残的人。

    上面的修改:

    var assignmentColumns = 
    [
        { title: "Last Note Date", field: "cg.Date", template: '#= kendo.toString( toDate(NoteDateTime), "M/dd/yyyy h:mmtt" ) #' }
    ];
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-08-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多