色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

extjs 樹 json

劉姿婷2年前9瀏覽0評論

ExtJS是一款基于JavaScript的開源框架,擁有豐富的組件庫和強大的數據處理功能。其中,樹形結構是非常常用的展示方式。在ExtJS中,我們可以使用JSON格式的數據來渲染樹形結構。

JSON,即JavaScript Object Notation,是一種輕量級的數據交換格式。它基于JavaScript的語法,易于閱讀和編寫,并且可以和多種編程語言相互轉換。

在ExtJS中,我們可以使用TreePanel組件來展示樹形結構。我們需要傳入一棵樹形結構的JSON數據,然后通過模板來渲染樹形節點。下面是一個簡單的例子:

Ext.create('Ext.tree.Panel', {
title: 'My Tree Example',
width: 200,
height: 150,
store: Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", expanded: true, children: [
{ text: "book report", leaf: true },
{ text: "algebra", leaf: true}
] },
{ text: "buy lottery tickets", leaf: true }
]
}
}),
rootVisible: false,
renderTo: Ext.getBody()
});

在這個例子中,我們創建了一個TreePanel組件,并且傳入了一個JSON數據作為數據源。其中,root節點有三個子節點,其中homework節點又有兩個子節點。通過store屬性,我們將這個數據源和TreePanel關聯起來。

在模板中,我們可以使用一些變量來動態生成樹形節點。例如,在這個例子中,我們使用了text變量來顯示節點的名稱,使用leaf變量來判斷節點是否為葉子節點。

總之,在ExtJS中,使用JSON數據來渲染樹形結構非常簡單。我們只需要定義好JSON格式,然后通過TreePanel組件和模板來渲染即可。