Question

Hii伙计!!! 我创建了jqgrid，其中我添加了一个FilterToolbar.Now根据我的需要，我需要dropdownmenu来获取FilterToolbar列中的唯一值。我正在使用asp.net ...

这是我的代码......

 $(function () {
        $("#UsersGrid").jqGrid({
            url: 'jqGridHandler.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

            //caption: 'JSON Example'
        });

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

       $("#UsersGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter:true, defaultSearch: 'cn' });
       $("#UsersGrid").jqGrid('navButtonAdd', '#UsersGrid-pager', { caption: "Filter", title: "Toggle Searching Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { $("#UsersGrid")[0].toggleToolbar(); }
});

Plz伙伴帮我解决问题.. Thanx提前....

Answer 1

最简单的方法是使用stype: "select"。如果您希望从列中获取具有唯一值的填充下拉列表，则可以在服务器端或客户端执行此操作。如果您在<select>的表单HTML片段中提供服务器端所有可能的唯一值，则可以指定dataUrl searchoptions（或editoptions）的value选项。如果您在客户端提供数据，则可以指定searchoptions（{1}}（或editoptions）的{{1}}属性。在the answer中，您将找到可能实施的示例。

如何为Jqgrid FilterToolbar列添加下拉菜单

1 个答案: