在treeview中,如何再次显示某些记录? (作为收藏栏)

时间:2018-03-28 09:15:36

标签: extjs extjs6 extjs6-classic

ExtJS 6.0.1

我有一个包含数据的Ext.data.TreeStore。参赛作品有一个属性"最喜欢的",如果设置为true,则更新actioncolumn图标以显示它已被赞成。

enter image description here

这很有效,但是在赞成记录时,我希望它出现在顶部,基本上是第二部分/树。并且在这里取消最喜欢的按钮会删除它等等。下面是我的意思的模型。

enter image description here

我真的很喜欢没有重复数据,所以有了节点"收藏夹"添加/删除它并不是一个不错的选择。此外,它会使排序和过滤代码非常糟糕。

所以我想我会以某种方式改变视图,以便在顶部显示这个额外部分。

我该怎么做呢?我是否必须创建自定义TreeView?或者覆盖渲染器功能?或者在beforeRender中插入HTML,或者沿着这些行插入什么内容?

方向上的任何一点都会受到赞赏,因为这感觉就像我可以花一周时间做错事。 感谢

1 个答案:

答案 0 :(得分:2)

你可能最好的选择是让主面板顶部有一个Grid(包含你的收藏夹),底部有一棵树。 然后使用星号单击同步两个面板。

我在这里创建了一个示例:https://fiddle.sencha.com/#view/editor&fiddle/2f44

注意:除了来回复制记录之外,还有其他方法可以实现此目的,这只是为了让您了解如何做到这一点。