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 print
view source print
1、ノード名を更新する
view source print
view source print
view source print
view source print
摘要):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 print
1.
var
zTree = $.fn.zTree.getZTreeObj(
"treeDemo"
);
2.
var
nodes = zTree.getNodes();
2、選択されたノードを取得すると、このようにすることができます.view source print
1.
var
zTree = $.fn.zTree.getZTreeObj(
"treeDemo"
);
2.
var
nodes = zTree.getSelectedNodes();
ノードオブジェクトを取得しましたが、その後はどのような方法でノードデータの更新を行いますか?1、ノード名を更新する
view source print
1.
for
(
var
i = 0;i
2.
{
3.
nodes[i].name =
" "
;
4.
// updateNode(node)
5.
zTree.updateNode(nodes[i]);
6.
}
2、ノードを更新する前のアイコンview source print
1.
for
(
var
i = 0;i
2.
{
3.
nodes[i].iconSkin=
"icon01"
;
4.
// updateNode(node)
5.
zTree.updateNode(nodes[i]);
6.
}
3、ノードのフォントの色の値を更新します.view source print
01.
for
(
var
i = 0;i
02.
{
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 print
1.
for
(
var
i = 0;i
2.
{
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ツリーコンポーネントのノード情報をどのように更新するかに関する方法のまとめです.