GridManager表格组件实现过滤功能

最新推荐文章于 2024-09-03 08:39:52 发布

写个程序换个饼

最新推荐文章于 2024-09-03 08:39:52 发布

阅读量458

点赞数

分类专栏：表格组件文章标签： javascript reactjs vue.js jquery

本文链接：https://blog.youkuaiyun.com/iteye_17835/article/details/113745305

版权

GridManager表格组件提供了一种在表头增加过滤项的功能，以提高数据处理效率。过滤功能通过配置columnData和filter实现。columnData是定义表格列配置的数组，而filter则是列配置中的关键项，用于添加过滤选项。filter的option参数是筛选条件列表，selected表示选中项，isMultiple则控制是否为多选。用户可以通过示例代码进行在线调试和查看源码。

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

效果展示

在表头中增加过滤项是很多产品经理特别钟意的交互，据说是可以提升打野怪的效率。

如何配置

过滤功能在GridManager中被归类于列配置项，所以该功能需要操作关建配置项columnData中的filter。

columnData的使用

在使用filter之前需要先对GridManager的核心配置项columnData有一定的了解。

columnData用于定义表格列配置参数，为数组类型。每一个数组元素对应一个表格列，通过该参数对表格列进行配置。基础使用方式示例，点击可在线进行调试:

document.querySelector('#table-demo-baseCode').GM({
   
    gridManagerName: 'demo-baseCode',
    ajaxData: 'https://www.lovejavascript.com/learnLinkManager/getLearnLinkList',
    ajaxType: