C1treeview修改节点前的图片

收藏

页面上有棵树没个节点前都有一张图片然后我想在js中循环这棵树，找到指定节点后修改图片，这种方式是否可行？如果可以的话能否写段js方法给我？谢谢

Alice · Alice

你好。
这个问题的难点在于遍历树（找到每个节点），这个属于算法的问题。
介于遍历树有很多算法（深度优先，广度优先等等），每个算法性能都有所不同，我们没法给您推荐。建议搜索下树的遍历算法，根据需求决定您所采用的算法。

根据算法拿到一个节点，然后操作树的节点，您可以参考TreeView在线示例（演示节点）：
http://demo.gcpowertools.com.cn/ ... ew/ObjectModel.aspx
如果在节点的修改上有什么问题，我们可以继续讨论。

rijun · rijun

本帖最后由 rijun 于 2016-7-25 13:10 编辑

Alice 发表于 2016-7-21 18:36
你好。
这个问题的难点在于遍历树（找到每个节点），这个属于算法的问题。
介于遍历树有很多算法（深度优 ...

那如果我在后台循环遍历树节点然后在修改某个节点的图片最后一步是不是还要重新绑定这个树？如果真这样做的话树几点比较多的情况下很影响效率。。。。
是否有比较好的方法可以修改某个节点的信息，不至于每次都要重新加载这棵树

Alice · Alice

rijun 发表于 2016-7-25 13:06
那如果我在后台循环遍历树节点然后在修改某个节点的图片最后一步是不是还要重新绑定这个树？如果真这 ...

如果你是数据绑定的方式，修改数据源里的图片，树会做同步。

如果是直接修改某个节点，最重要的是找到该节点，然后做修改。
C1TreeView的 findNodeByText方法可以通过文字找到特定的节点。
2楼的链接有做演示如何找到特定的节点。

如果是要修改每个节点就需要做遍历，遍历本身就是会耗费性能，特别是大数据量的情况。

rijun · rijun

Alice 发表于 2016-7-25 18:37
如果你是数据绑定的方式，修改数据源里的图片，树会做同步。

如果是直接修改某个节点，最重要的是找到 ...

var node = $("#<%= tree.ClientID %>").c1treeview("findNodeByText", "SubNode 1");
node.options.itemIconClass = "ui-alarm-0-1";
修改了样式的值，但是界面没有变化，是不是漏写了啥？
图片1是加载后的样子，我右键节点后绿色的图片想变成红色，但是没有变

图片2上是我监视节点属性，绿色的样式是ui-alarm-0-0，红色的是ui-alarm-0-1，看到属性值是变了但是界面没变化

然后在问下，c1treeview是不是不适合频繁的刷新？有棵树需要频繁刷新的话（5-10秒一次）你们推荐用什么控件比较好？

Alice · Alice

rijun 发表于 2016-7-26 09:26
var node = $("#").c1treeview("findNodeByText", "SubNode 1");
node.options.itemIconClass = "ui-ala ...

没有刷新的控件，刷新是通过定时刷新实现的。
对于大数据，频繁刷新会影响到性能。

如果仅仅是想改变扩展和收缩的icon，可以使用•ExpandedIconClass /•CollapsedIconClass 。
参考：http://demo.gcpowertools.com.cn/ ... 1TreeView/Icon.aspx

如果是针对具体节点的icon的修改，我做个demo稍后发给你

rijun · rijun

Alice 发表于 2016-7-26 13:55
没有刷新的控件，刷新是通过定时刷新实现的。
对于大数据，频繁刷新会影响到性能。

好的那麻烦您咯等demo

Alice · Alice

rijun 发表于 2016-7-26 14:09
好的那麻烦您咯等demo

请参考附件的Demo：

点击节点图标会发生改变。

		自动登录	找回密码
密码			立即注册

C1treeview修改节点前的图片

7 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄