如何在Handsontable中隐藏特定的行。
我在DOM中有按钮,每个按钮都应隐藏特定的行。例如:类为“ alarm”的按钮应隐藏所有第二行具有“ alarm”值的行。
现在,我做了丑陋的事情。每次单击按钮,我都会遍历我的tableData并使用“警报”删除数据,然后仅加载数据并渲染表。但是我无法做到这一点,因为我有一些动态数据,所以在消失之后。
eveGrid.loadData(tableData);
eveGrid.render();
动态隐藏行是一项非常复杂的任务,Handosntable文档中没有进行记录。但是,有很多功能可以自己实现。实际上,我必须在上周进行此操作,以便与您分享一种潜在的方法。这确实非常简单,并且与您的解决方案类似,顺便说一句也不难看!
您要做的是保留数据的两个副本。我们可以打电话给第一个data
,第二个activeData
。最初,他们彼此平等。现在这部分很棘手,不容易掌握,但是您需要确保这两个数组是不同的对象,但是具有相同的引用元素。这意味着数组本身不是clones
,因此相等性测试将失败。但是,它们的元素是克隆。您的activeData
元素只是对上元素的引用data
。
设置好之后,很容易实现行的隐藏。您的点击应浏览data
并activeData
根据要显示的匹配行设置一个新值。然后只需使用以下命令更新handsontable:
hotInstance.updateSettings({data: activeData});
就是这样!请注意,更新方法将自动触发render()
。
让我知道进展情况,我很好奇其他人是否可以使用这种方法。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句