Question

我们正在寻求从我们当前的网格（JQWidgets）切换到KendoUI网格，并且我正致力于概念验证。我们最大的要求是服务器端分页/排序/过滤，以及我遇到问题的地方。

我们现有的网格是基于XML的，所以我创建了一个Kendo网格，它也是如此：

$(document).ready(function(){
    var xmlDataRemote = new kendo.data.DataSource({
        transport: {
            read: { url: "/KendoDashboard/KendoController.cfc?method=getGrid" }
        }, 
        pageSize: 20, 
        serverPaging: true, 
        serverSorting: true,
        serverFiltering: true,
        schema: {
            type: "xml",
            data: "/Items/Item",
            total: "/Items/Item/TotalRows",
            model: {
                id: "ID",
                fields: {
                    Name: { field: "Name/text()", type: "string" },
                    Status: { field: "Status/text()", type: "string" },
                    Type: { field: "Type/text()", type: "string" }
                }
            }
        }
    });

    var grid = $("#grid").kendoGrid({
        dataSource: xmlDataRemote,
        pageable: true,
        sortable: true, 
        filterable: true,
        columns: [
            { title: "Name", field: "Name" },
            { title: "Status", field: "Status" },
            { title: "Type", field: "Type" }    
        ]
    });
});

示例XML：

<Items>           
    <Item>
        <ID>1</ID>
        <Name>First Item Name</Name>
        <Status>Active</Status>
        <Type>Online</Type>   
    </Item>           
    <Item>
        <ID>2</ID>
        <Name>Second Item Name</Name>
        <Status>Inactive</Status>
        <Type>External</Type>
    </Item>
    <TotalRows>22</TotalRows>
</Items>

我的问题w / paging：数据源上设置的总数似乎不起作用。网格页脚有＆＃34;没有要显示的项目＆＃34;而不是＆＃34; 1-20 of 22 items＆＃34;并且没有分页选项。我也不确定＆＃34;采取什么＆＃34;和＆＃34;跳过＆＃34;从网格传递的参数（见下文）适用于。

我的问题是排序/过滤：传递的排序和过滤参数是一些奇怪的格式化字符串：

/KendoDashboard/KendoController.cfc?method=getCoursesGrid&take=20&skip=0&page=1&pageSize=20&sort%5B0%5D%5Bfield%5D=Name&sort%5B0%5D%5Bdir%5D=desc&filter%5Blogic%5D=and&filter%5Bfilters%5D%5B0%5D%5Bfield%5D=Name&filter%5Bfilters%5D%5B0%5D%5Boperator%5D=eq&filter%5Bfilters%5D%5B0%5D%5Bvalue%5D=test

如果我在Firebug中查看它，参数列为：

filter[filters][0][field]   Name
filter[filters][0][operator]    eq
filter[filters][0][value]   test
filter[logic]   and
method  getCoursesGrid
page    1
pageSize    20
skip    0
sort[0][dir]    desc
sort[0][field]  Name
take    20

设置名称为＆＃34; filter＆＃34;的cfargument。和一种字符串，然后将其转储出来只返回零（0）。当然，Coldfusion不会采用参数名称＆＃34;过滤器[过滤器]＆＃34;，所以我对如何继续进行处理有点不知所措。

Answer 1

您可以将总计设为

total: function(response) {
  return response.Items.TotalRows;
}

如果出现问题，请注意response变量

将Kendo Grid与Coldfusion集成

1 个答案: