jQuery MiniUI 开发教程表格控件表格：过滤行（七）

最新推荐文章于 2021-09-26 15:07:11 发布

iteye_4698

最新推荐文章于 2021-09-26 15:07:11 发布

阅读量891

点赞数

分类专栏： jquery 文章标签： jquery UI Ajax JavaScript datagrid ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

本文详细介绍了如何在表格中定义过滤器并处理值变化事件，通过实例演示了实现过程，帮助开发者掌握表格数据筛选技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]表格：过滤行[/b]
[img]http://www.miniui.com/docs/api/images/filter.gif[/img]

参考示例：[url=http://www.miniui.com/demo/datagrid/filter.html]行过滤[/url]

[b]一：定义过滤器[/b]

设置表格"showFilter"属性为"true"后，可以在列配置对象上定义过滤器对象：
<div field="name" width="120" headerAlign="center" allowSort="true">姓名

<input id="nameFilter" property="filter" class="mini-textbox" onvaluechanged="onNameFilterChanged" style="width:100%;" />
</div>

[b]二：处理"valuechanged"事件[/b]

在"onvaluechanged"值变化时，会自动调用一个过滤方法onNameFilterChanged。此方法由开发者实现，如下：

function onNameFilterChanged(e) {
var textbox = e.sender;
var key = textbox.getValue();
grid.load({ key: key });
}