風人園

弱水三千，只取一瓢，便能解渴；佛法無邊，奉行一法，便能得益。

隨筆 - 99, 文章 - 181, 評論 - 56, 引用 - 0

數(shù)據(jù)加載中……

Ext應用一 -- TreeView

在導入需要文件之后，以下代碼就能生成一個tree了，非常的簡單。
ajax去后臺action拿組織架構(gòu)的json字符串。搞定。還有頁面上要定義一個div來顯示這個tree。
<div id="tree" style="height:330px;width:300px;"></div>

Ext.BLANK_IMAGE_URL = '<%=request.getContextPath()%>/ext/resources/images/default/s.gif';

Ext.onReady(function(){

//alert("start");

var tree = new Ext.tree.TreePanel( {

el:'tree',

autoScroll:true,

loader: new Ext.tree.TreeLoader({dataUrl: '<%=request.getContextPath()%>/org.do?department_ID=10000112'})

});

var root = new Ext.tree.AsyncTreeNode( {

text : 'IVO',

draggable : false,

id : '10000000'

});

tree.setRootNode(root);

tree.on('click', function(node){

//alert(node.id + ", " + node.text);

if(node.leaf==true){

addSelected(node.id, node.text);

}

});

tree.render();

});

</script>

posted on 2007-12-28 13:01 風人園閱讀(1348) 評論(0) 編輯收藏所屬分類: Ext


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Ext.data.jsonReader的格式 Ext應用六 -- Form Ext應用三 -- tab(3) Ext應用五 -- 基礎方法 Ext應用三 -- Tab(2) Ext應用四 -- Toolbar & Menu Ext應用三 -- Tab Ext應用二 -- 事件 Ext應用一 -- TreeView