ExtJS是一個功能非常強大的JavaScript框架,它可以幫助開發人員快速地創建出富客戶端應用程序。
在ExtJS中,我們可以很方便地使用樹形控件來呈現數據。而JSON則是一種非常常用的數據格式。以下是一個如何使用ExtJS來動態加載JSON樹的示例。
// 創建一個樹形結構 var tree = new Ext.tree.TreePanel({ renderTo: Ext.getBody(), height: 300, width: 400, autoScroll: true, useArrows: true, animate: true, rootVisible: false, // 顯示根節點 }); // 創建一個樹形節點 var root = new Ext.tree.AsyncTreeNode({ text: 'Root', expanded: true, children: [], }); tree.setRootNode(root); // 請求JSON數據并加載到樹形結構中 Ext.Ajax.request({ url: 'data.json', // JSON數據的URL success: function(response){ var data = Ext.decode(response.responseText); root.appendChild(data); }, failure: function(){ Ext.Msg.alert('Error', 'Failed to load data!'); } });
以上代碼通過創建樹形結構、樹形節點和請求JSON數據并加載數據到樹形結構中來實現了動態加載JSON樹的功能。
上一篇git部署vue