欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

extjs樹json數據樣式

榮姿康2年前7瀏覽0評論

ExtJS是一種用于開發Web應用程序的框架,它包括了許多UI組件,如樹形控件。在ExtJS中,我們可以通過JSON數據來生成樹形結構。

Ext.create('Ext.tree.Panel', {
title: '樹形控件',
store: Ext.create('Ext.data.TreeStore', {
root: {
text: '根節點',
expanded: true,
children: [{
text: '子節點1',
leaf: true
}, {
text: '子節點2',
expanded: true,
children: [{
text: '子節點21',
leaf: true
}, {
text: '子節點22',
leaf: true
}]
}]
}
}),
rootVisible: false,
renderTo: Ext.getBody()
});

在上述代碼中,我們創建了一個樹形控件,其中store屬性利用了ExtJS提供的數據模型TreeStore。其中root屬性指定了根節點的文本內容和是否展開,同時還包含了兩個子節點。子節點可以通過設置leaf屬性為true來表示其為葉子節點,也可以通過children屬性來包含更多的子節點。

而在tree.Panel的其他屬性中,我們還使用了rootVisible來隱藏根節點的顯示,renderTo指定了容器,將生成的樹形控件渲染到對應的容器中。

總的來說,在ExtJS中使用JSON數據來生成樹形結構非常方便,我們只需要定義好數據結構,然后通過TreeStore來進行渲染即可實現一個完整的樹形控件。