ExtJS4 - 过滤网格的表单

发布于 2024-12-28 06:01:37 字数 501 浏览 2 评论 0原文

我想要一个可以过滤网格中显示的数据的表单。这是一个草图：

// form to be used for filtering  

first name: [Mark]
last name:  [    ]
age:        [ 13 ]—[ 19 ]

(Filter)    (Clear filters)


// grid to be filtered

| first name | last name | age |
+------------+-----------+-----+
| Mark       | Twain     | 17  |

我知道网格文件管理器示例来自 ExtJS 网站，但对于用户来说似乎并不直观。如何使用单独的表单输入过滤网格的条件？

原文

I would like to have a form with which I could filter the data displayed in a grid. Here's a sketch:

// form to be used for filtering  

first name: [Mark]
last name:  [    ]
age:        [ 13 ]—[ 19 ]

(Filter)    (Clear filters)


// grid to be filtered

| first name | last name | age |
+------------+-----------+-----+
| Mark       | Twain     | 17  |

I know of the Grid filer example from the ExtJS website, but it doesn't seem intuitive for the users. How can I use a separate form to enter criteria for filtering a grid?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

风蛊 2025-01-04 06:01:37

看看 Ext. ux.grid.FiltersFeature API。有一些方法可以操纵过滤器。
将过滤器添加到网格的示例代码：

var filter = grid.filters.getFilter('company');
if (!filter) {
    filter = grid.filters.addFilter({
        active: true,
        type: 'string',
        dataIndex: 'company'
    });
}
filter.setValue('3m Co');

Look at Ext.ux.grid.FiltersFeature api. There are methods to manipulate filters.
Example code which adds filter to grid:

var filter = grid.filters.getFilter('company');
if (!filter) {
    filter = grid.filters.addFilter({
        active: true,
        type: 'string',
        dataIndex: 'company'
    });
}
filter.setValue('3m Co');

回复收藏 0 原文

~没有更多了~