KendoUI 网格过滤问题答案

【问题标题】：KendoUI Grid Filtering IssuesKendoUI 网格过滤问题
【发布时间】：2013-01-31 22:45:43
【问题描述】：

我使用的是最新版本的 kendoui，每当我使用“不等于”或“不包含”过滤器时，我都会收到以下错误：

Uncaught TypeError: Cannot read property 'length' of undefined

我正在使用服务器端数据源，所有其他过滤器似乎都可以正常工作。

另外，如何为日期列指定日期时间选择器？

我查看了文档并尝试使用：

filterable: {
                ui: "datetimepicker"
             }

但它从不显示日期时间选择器。

代码如下：

  var dataSourceArguments = {
        pageSize:10,
        serverPaging:true,
        serverFiltering:true,
        serverSorting:true,
        transport:{
            read:{
                url:$("#grid_order").attr('data-url'),
                dataType:"json"
            }
        },
        schema:{
            total:"count",
            data:'fields'
        },
        sort:{'field':'order_date', dir:'desc'}
    };
    var ds2 = new kendo.data.DataSource(dataSourceArguments);
    $("#grid_order").kendoGrid({
        dataSource:ds2,
        groupable:true,
        scrollable:true,
        sortable:true,
        pageable:true,
        columns:[
            {
                field:'order_date',
                title:'Order Date',
                width:150,
                filterable: {
                   ui: "datetimepicker"
                }
            },
            {
                field:"reference",
                title:'Reference',
                width:120,
                encoded:false
            },
            {
                field:"client__company",
                title:'Client',
                encoded:false
            },
            {
                field:"grand_total",
                title:'Total',
                width:100
            },
            {
                field:'status',
                title:'Status',
                width:120,
                encoded:false
            },
            {
                field:'actions',
                width:200,
                title:'Actions',
                filterable:false,
                encoded:false,
                sortable:false
            }
        ],
        filterable:true
    });

更新：我设法让日期选择器工作，但是每当我选择日期时，并单击过滤器它会过滤，但我选择的日期会从字段中消失。

【问题讨论】：

您介意发布一些显示问题的代码吗？
既然你在做服务器端过滤，你确定服务器正在处理过滤请求并发回任何数据吗？如果您的浏览器有调试功能，您可以检查传输并查看请求是否正在进行、返回以及正在接收哪些数据。
是的，它确实在过滤和发送数据，我一直在关注 xhr 请求并且它们正在被发送.. 只是如果您在过滤后单击日期选择器，则日期不在该字段中，但是它在弹出日历上被标记..仍然无法让不等于运算符工作..

标签： kendo-ui kendo-grid

【解决方案1】：

将order_date从数据源添加到scheme中，字段的数据类型为date。

见http://docs.kendoui.com/api/framework/datasource

【讨论】：