kendo ui网格过滤器空

时间:2013-12-19 22:38:33

标签: user-interface filter grid kendo-ui

我使用的是Kendo UI网格(不是MVC),我正在尝试启用过滤功能。我只是使用默认过滤(Filtering: true),我得到空的下拉列表。我过去曾使用此功能,我认为默认包含Starts withIs equal to等内容。

这是我的网格代码:

$("#LogGrid2").kendoGrid({
    dataSource: logGridDataSource,
    columns: [{
        field: "CreateTime",
        headerAttributes: { style: "font-weight: bold; width: 10%;" },
        title: "Log Time",
        template: '#= kendo.toString(CreateTime, "MM/dd/yyyy hh:mm:ss") #',
        editable: false,
        attributes: { style: "width: 10%;" }
    }, {
        field: "LookupName",
        headerAttributes: { style: "font-weight: bold; width: 15%;" },
        title: "Lookup Value",
        editable: false,
        attributes: { style: "width: 15%;" }
    }, {
        field: "LogType",
        headerAttributes: { style: "font-weight: bold; width: 8%;" },
        title: "Type",
        editable: false,
        attributes: { style: "width: 8%;" }
    }, {
        field: "LogMessage",
        headerAttributes: { style: "font-weight: bold; width: 18%;" },
        title: "Message",
        editable: false,
        attributes: { style: "width: 18%;" }
    }, {
        field: "FileName",
        headerAttributes: { style: "font-weight: bold; width: 12%;" },
        title: "FileName",
        editable: false,
        attributes: { style: "width: 12%;" }
    }, {
        field: "LogNumber",
        headerAttributes: { style: "font-weight: bold; width: 7%;" },
        title: "Quantity",
        editable: false,
        attributes: { style: "width: 7%;" }
    }, {
        field: "LogExtraText",
        headerAttributes: { style: "font-weight: bold; width: 15%;" },
        title: "Opt Text One",
        editable: false,
        attributes: { style: "width: 15%;" }
    }, {
        field: "LogExtraText2",
        headerAttributes: { style: "font-weight: bold; width: 15%;" },
        title: "Opt Text Two",
        editable: false,
        attributes: { style: "width: 15%;" }
    }],
    selectable: {
        mode: "single"
    },
    sortable: true,
    groupable: true,
    scrollable: true,
    filterable: true,
    change: gridRowSelected
});

这是我的过滤器框的样子:http://i.imgur.com/EzVbjue.jpg

以下是数据源的代码

var logGridDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: baseUrl + "/Home/GetLogMessages?AppID=" + AppID + "&StartDate=" + StartDate + "&EndDate=" + EndDate + "&LookupID=" + LookupID + "&Type=" + LogType + "&LogCode=" + LogMessage,
            dataType: "json",
            cache: false
        }
    },
    schema: {
        model: {
            id: "LogID",
            fields: {
                LookupName: { type: "String" },
                CreateTime: { type: "Date" },
                LogType: { type: "String" },
                LogMessage: { type: "String" },
                LogNumber: { type: "Number" },
                FileName: { type: "String" },
                LogExtraText: { type: "String" },
                LogExtraText2: { type: "String" }
            }
        }
    }
});

我也尝试过配置可过滤的参数,但这也不起作用。在过去,我刚刚使用默认设置。以下是我对Filterable选项的尝试。

filterable: {
    extra: false,
    operators: {
        string: {
            startswith: "Starts with",
            eq: "Is equal to",
            neq: "Is not equal to"
        }
    }
}

1 个答案:

答案 0 :(得分:5)

更改您的架构 - >模型 - >字段 - >键入小写“数字”,“日期”和“字符串”。

参见示例http://jsbin.com/UBaNuBAY/1/edit