如何在Jqgrid中添加FilterToolBar并使用Asp.net启用过滤功能

时间:2013-01-28 12:42:59

标签: asp.net jqgrid

我开发了一个Jqgrid来显示数据库,现在我需要在其中添加Filtertoolbar,它将从下拉菜单中过滤选择值的记录......

以下是我的Jqgrid代码..

$(function () {
    $("#UsersGrid").jqGrid({
        url: 'getGriddahico.ashx',
        datatype: 'json',
        height: 250,
        colNames: ['UserID', 'UserName', 'FirstName', 'MiddleName', 'LastName', 'EmailID'],
        colModel: [
                { name: 'UserID', index: 'UserID', width: 100, sortable: true },
                { name: 'UserName', width: 100, sortable: true},
                { name: 'FirstName', width: 100, sortable: true },
                { name: 'MiddleName', width: 100, sortable: true },
                { name: 'LastName', width: 100, sortable: true },
                { name: 'EmailID', width: 150, sortable: true }
            ],
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: '#UsersGridPager',
        sortname: 'UserID',
        viewrecords: true,
        sortorder: 'asc',
        autowidth: true,
        toppager: true,
        footerrow: true,


    });

    $("#UsersGrid").jqGrid('navGrid', '#UsersGridPager', { edit: false, add: false, del: false, search: false });


});

1 个答案:

答案 0 :(得分:0)

客户端很容易: 您可以通过search: true,将列标记为可搜索等,或将过滤器按钮作为寻呼机的一部分。你会在SO上找到很多这两个例子。我强烈建议您使用Firefox和Firebug或Chrome之类的浏览器,这样您就可以看到客户端在过滤方面向服务器控件发送的内容。

服务器端你应该看看Oleg的答案 ASP.NET MVC 2.0 Implementation of searching in jqgrid您将看到Filters帮助程序类,以及如何基于jqGrid控件实现数据的动态过滤。我遵循并使用它来实现服务器端过滤以将数据传递到我的网格。

祝你好运......它有点设置,但它会在你完成后为你提供一个非常强大的客户端工具。