Extjs列过滤

 

 

 

var filterFields = [
{ type: "string", dataIndex: "StoreName" },
{ type: "string", dataIndex: "Contact" },
{ type: "string", dataIndex: "Tel" }
];

var storeFilters = new Ext.ux.grid.GridFilters({ filters: filterFields });

 

xtype: "grid",
border: false,
sm: storeGridCheckBoxColumn,
loadMask: { msg: "正在加载..." },
store: storeStore, //数据源
columns: [
storeGridCheckBoxColumn,
{ header: "店面名称", dataIndex: "StoreName", sortable: true },
{ header: "联系人", dataIndex: "Contact" },
{ header: "联系电话", dataIndex: "Tel" },
{ header: "省份", dataIndex: "ProvinceName", sortable: true, hidden: true },
{ header: "城市", dataIndex: "CityName", sortable: true, hidden: true },
{ header: "县区", dataIndex: "CountyName", sortable: true, hidden: true },
{ header: "详细地址", dataIndex: "Address" },
{ header: "邮编", dataIndex: "Postcode", hidden: true },
{ header: "备注", dataIndex: "Meno" },
{ header: "标记", dataIndex: "Id", width: 60,
renderer: function(value, metaData, record, rowIndex, colIndex, store) {
return '&nbsp;&nbsp;<img alt="" ext:qtip="标记" src="images/icons/icons/flag.png" onclick="window.signChainStore(\'' + value + '\')" style="cursor:pointer" /> ';
}
}
], //列
plugins: storeFilters,

bbar: new Ext.PagingToolbar({ store: staffStore, pageSize: 25, displayInfo: true, plugins: filters }),