關於用extjs以樹的形式顯示的信息

本文目錄一覽：

• 1、extjs4 如何通過ajax方式實現左面是一個樹形菜單，點擊相應的按鈕，顯示對應的頁面
• 2、用extjs4做tree，結合struts,spring 查詢數據庫後返回json數據,並顯示數據樹，應該怎麼做？
• 3、ExtJS的大神看過來，我現在想用實現一個樹形結構，但是要求動態加載。求指導

extjs4 如何通過ajax方式實現左面是一個樹形菜單，點擊相應的按鈕，顯示對應的頁面

這是我用的方法，希望能幫到你

頁面左半邊是tree框

//左側樹定義

var tree = Ext.create(‘Ext.tree.Panel’, {//參數});、

頁面右半邊是firame框

iframe scrolling=”auto”/iframe

//定義功能函數

function reDirect(where){

window.frames[0].location = where;

}

//定義單擊事件

tree.on({

‘itemclick’ : function(view, rcd){

var url = rcd.get(‘url’);

reDirect(url);

}

});

當然，這樣做，需要你在生成樹時，在json串加一個url的field，裡邊的值是你跳轉頁面的地址，例

[{

“text”: “頂層”,

“children”: [{

“text”: “底層1”,

“leaf”: true,

“url”: ‘page1.html’

},{

“text”: “底層2”,

“leaf”: true,

“url”: ‘page2.html’

},{

“text”: “底層3”,

“leaf”: true,

“url”: ‘page3.html’

}]

}]

用extjs4做tree，結合struts,spring 查詢數據庫後返回json數據,並顯示數據樹，應該怎麼做？

很簡單···你struts2是哪個版本的，高於2.16的，有一個struts2-json-plugin-2.1.8.jar的插件包，放入lib後；你要做現實菜單就必須在後台創建一個tree的class，內容是這樣的

/**樹節點ID*/

private String id;

/**樹節點名稱*/

private String text;

/**圖標*/

private String cls;

/**是否葉子*/

private boolean leaf;

/**鏈接*/

private String href;

/**鏈接指向*/

private String hrefTarget;

/**是否展開*/

private boolean expandable;

/**描述信息*/

private String description;

然後將數據中的數據存入這個類的對象，再把得到的對象加入到一個java.util.List treeList中，然後在action裡面將treeList轉換成json，方法是這樣的

JSONArray jsonArray = JSONArray.fromObject(treeList);

getResponse().setCharacterEncoding(“utf-8”);

getResponse().getWriter().println(jsonArray.toString());

，可能說的有點馬虎，有不理解的可以再追問。

ExtJS的大神看過來，我現在想用實現一個樹形結構，但是要求動態加載。求指導

默認做個tree出來就是這樣的，主要看你請求回來的數據，如果節點數據中有children屬性，那當你點擊此節點時不會去服務端請求，否則會自動請求的