extjs7的grid如何过滤
时间: 2024-05-07 16:22:54 浏览: 94
ExtJS grid过滤操作
在 Ext JS 7 中,可以使用 Grid 的 `store` 的 `filter` 方法来进行过滤。假设你有一个 Grid 名为 `myGrid`,它的 Store 名为 `myStore`,要对 `myStore` 进行过滤,可以按照以下步骤操作:
1. 获取 `myStore` 的引用:
```javascript
var myStore = myGrid.getStore();
```
2. 调用 `myStore` 的 `filter` 方法,并传入过滤函数:
```javascript
myStore.filter(function(record) {
// 在这里编写过滤逻辑,返回 true 表示保留该记录,返回 false 表示过滤该记录
});
```
在过滤函数中,可以根据需要编写任意过滤逻辑,例如:
```javascript
myStore.filter(function(record) {
return record.get('name').indexOf('John') !== -1; // 过滤名字中包含 'John' 的记录
});
```
3. 过滤后,如果需要恢复显示所有记录,可以调用 `myStore` 的 `clearFilter` 方法:
```javascript
myStore.clearFilter();
```
这样就可以实现对 Grid 的过滤。需要注意的是,当调用 `myStore` 的 `filter` 方法时,会将显示的记录集合改变,因此需要根据需要再调用 Grid 的 `refresh` 方法来更新显示。
阅读全文