为jqgrid的每一列添加过滤器
Adding filter to each column of jqgrid
我有一个显示员工详细信息的jqgrid
,我想在每个列中添加一个过滤器,用户可以使用该过滤器键入公司名称,网格显示网格中与该过滤器匹配的所有员工行。
谷歌了很多,但没有成功。
当您在文本框中键入测试用例的名称时,您应该使用filterToolbar选项,您的数据将通过记录进行筛选,下面是代码和工作示例演示
var mydata = [
{id:"1",invdate:"2010-05-24",name:"test",note:"note",tax:"10.00",total:"2111.00"} ,
{id:"2",invdate:"2010-05-25",name:"test2",note:"note2",tax:"20.00",total:"320.00"},
{id:"3",invdate:"2007-09-01",name:"test3",note:"note3",tax:"30.00",total:"430.00"},
{id:"4",invdate:"2007-10-04",name:"blah",note:"stuff",tax:"10.00",total:"210.00"},
];
jQuery("#list").jqGrid({
data: mydata,
datatype: "local",
height: 150,
rowNum: 10,
rowList: [10,20,30],
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:60, sorttype:"int"},
{name:'invdate',index:'invdate', width:90, sorttype:"date", formatter:"date"},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right",sorttype:"float", formatter:"number"},
{name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},
{name:'total',index:'total', width:80,align:"right",sorttype:"float"},
{name:'note',index:'note', width:150, sortable:false}
],
pager: "#pager",
viewrecords: true,
autowidth: true,
height: 'auto',
caption: "Test Grid"
});
jQuery("#list").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: "cn" });
<table id="list"></table>
<div id="pager"></div>
相关文章:
- 柱状图后面的一列
- 数据表通过分析一列的值对其进行排序
- Datatables-如何在未显示所有列的情况下禁用表中最后一列的排序
- 获取表中每行的一列的内容,然后循环访问每个内容
- 对象数组-与其他列数据相比,增加一列
- 在最初的查询/表格绘制中只提取谷歌电子表格的一列
- jQuery Datatables:单击一列时对另一列进行排序
- 我的砖石图像只显示在一列中
- 删除“;使用javascript从pentaho中的一列中选择“[”
- 使用 Javascript 在一列中更改属性内容
- jquery插件 - 已选择 - 多项选择不在一行中列出,而是列在一列中
- 将索引列添加到数据表
- jqGrid如何将多个复选框添加到一列中
- 如何将数组添加到对象中,但为每个数组元素过滤掉除一列之外的所有列
- jQuery 为每行的下一列添加附加值
- 有没有办法在不使用循环的情况下更新多个文档以将特定数字添加到一列
- 在JQGrid中的一列中添加一个超链接,单击“超链接”将调用Jquery函数
- 如何用Javascript为图表中的每一列添加更多的href元素
- 为jqgrid的每一列添加过滤器
- 使用角度 ng 重复在一列中添加多行