ztreeシリーズの場合、ノードデータ(名称、アイコン、フォント、色など)を動的に更新するにはどうすればいいですか?

3664 ワード


摘要):ztreeツリーコントロールを使用する過程で、ztreeノードデータを動的に更新する必要があります.ztreeに対するノードデータの更新はどのような方法を提供していますか?ノードデータを更新する必要がある前提は、更新すべきノードオブジェクトを取得することである.1、すべてのノードを更新するなら、このようにztreeのすべてのnodeのオブジェクトvar zTree=$fn.zTree.getZTree Obj(「tree Demo」)を取得することができます.var nodes=zTree.get Nodes()2、選択されたノードを取得する場合、このようにvar zTree=$fn.zTree.getZTreeObj(「tree Demo」)を取得することができます.var nodes=zTree.get Selected Nodes()ノードオブジェクトを取得しました.次は…
ztreeツリーコントロールを使用する過程で、ztreeノードのデータを動的に更新する必要があります.ztreeに対するノードデータの更新はどのような方法を提供していますか?
ノードデータを更新する必要がある前提は、更新すべきノードオブジェクトを取得することである.
1、すべてのノードを更新するなら、ztreeのすべてのnodeオブジェクトをこのように入手することができます.
view source print1.var  zTree = $.fn.zTree.getZTreeObj("treeDemo");2.var  nodes = zTree.getNodes();2、選択されたノードを取得すると、このようにすることができます.
view source print1.var  zTree = $.fn.zTree.getZTreeObj("treeDemo");2.var  nodes = zTree.getSelectedNodes();ノードオブジェクトを取得しましたが、その後はどのような方法でノードデータの更新を行いますか?
1、ノード名を更新する
view source print1.for(var  i = 0;i2.{3.nodes[i].name = " ";4.// updateNode(node) 5.zTree.updateNode(nodes[i]);6.}2、ノードを更新する前のアイコン
view source print1.for(var  i = 0;i2.{3.nodes[i].iconSkin= "icon01";4.// updateNode(node) 5.zTree.updateNode(nodes[i]);6.}3、ノードのフォントの色の値を更新します.
view source print01.for(var  i = 0;i02.{03.var   color = [0, 0, 0];04.var  r1 = Math.round(Math.random()*3 - 0.5);05.color[r1] = 15;06.var  r2 = Math.round(Math.random()*3 - 0.5);07.while  (r2 === r1) {08.r2 = Math.round(Math.random()*3 - 0.5);09.}10.color[r2] = Math.round(Math.random()*16-0.5);11.zTree.setting.view.fontCss["color"] = "#"+color[0].toString(16)+color[1].toString(16)+color[2].toString(16);12.// updateNode(node) 13.zTree.updateNode(nodes[i]);14.}4、ノードのフォントスタイルを更新する
view source print1.for(var  i = 0;i2.{3.var  style = (style=="italic"  "normal"  "italic");4.zTree.setting.view.fontCss["font-style"] = style;5.// updateNode(node) 6.zTree.updateNode(nodes[i]);7.}以上、ztreeツリーコンポーネントのノード情報をどのように更新するかに関する方法のまとめです.