在带有角的Kendo UI网格上应用搜索

Question

我正在将KendoUI用于AngularJS的当前应用程序。 我想在KendoUI网格控件上添加自定义搜索功能。 为此，我在kendo-grid上方放置了一个TextBox。 现在，我想在按钮单击上应用搜索。 您能否建议我如何检索kendoUI网格数据源并根据搜索条件进行过滤。

感谢RAVI MITTAL

Answer 1

我以前实现了类似的功能。 我所做的如下：

首先，我在网格的工具栏上添加了一个过滤器字段：

$("#gridPortfolio").kendoGrid({
....
toolbar: 
 [
 ...
   {name: "filter", 
    template: "<div> <input class='k-textbox k-space-right' id='FieldFilter' type='text' placeholder='NIT' disabled />\
                   <span class='k-icon k-i-search'></span>\
               </div>" },
 ],
...
});

然后，将组合框上的keyup事件绑定到如下函数：

$("#FieldFilter").keyup(function () {
            portfolioGridFilter();
        });

最后，我在该函数中修改并应用了网格上的过滤器：

portfolioGridFilter: function () {

        var portfolioFilters = new Array();

        var searchText = $("#FieldFilter").val();

        if (searchText.length >= 3) {
            portfolioFilters.push({ field: "Field", operator: "contains", value: searchText });
        }

        if (portfolioFilters.length >= 1) {
            _yourGridsDataSource.filter(portfolioFilters);
        }

        if (searchText.length == 0) {
            _yourGridsDataSource.filter([]);
        }

    },

Answer 2

这个kendo示例应该使您走上正确的道路： 带有Toobar的网格