ホームページ >ウェブフロントエンド >jsチュートリアル >extjs 3.31 TreeGrid は、Json を TreeGrid_extjs にロードする静的ページを実装します。

extjs 3.31 TreeGrid は、Json を TreeGrid_extjs にロードする静的ページを実装します。

WBOY
WBOYオリジナル
2016-05-16 17:38:28937ブラウズ

TreeGridの効果を実現したいのですが、公式サンプルを開いても効果が表示されません。これが私がそれを実装した方法です

コードをコピーします コードは次のとおりです:

var root = new Ext.tree .TreeNode({
text: 'ルート ノード',
expanded: true
});
tree.setRootNode(root); 🎜>nodes.children = mydata;/*TreeGrid の json データ [{…},{…}]*/
function appendChild(node, o) {
if (o.children != null && o.children . length > 0) {
for (var a = 0; a var n = new Ext.tree.TreeNode({
タスク:o. Children [a].task、
duration:o.children[a].duration、
user:o.children[a].user、
iconCls:o.children[a].iconCls
});
node.appendChild(n, o.children[a]);
}
}
appendChild(root, ノード) ;


ソース コードを見ると、TreeGrid が TreePanel から継承していることがわかります。
したがって、json データをツリーにロードするという原則に従って、root がストアではなくデータ ソースになります。 、同様に、次のように json データをロードできます。treeGrid に移動すると、dataUrl: 'treegrid-data.json' のようなメソッドをロードすることを心配する必要がなくなります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。