风人园

弱水三千，只取一瓢，便能解渴；佛法无边，奉行一法，便能得益。
随笔 - 99, 文章 - 181, 评论 - 56, 引用 - 0
数据加载中……

Ext应用一 -- TreeView

在导入需要文件之后，以下代码就能生成一个tree了，非常的简单。
ajax去后台action拿组织架构的json字符串。搞定。还有页面上要定义一个div来显示这个tree。
<div id="tree" style="height:330px;width:300px;"></div>

<script type="text/javascript">
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 风人园 阅读(1330) 评论(0)  编辑  收藏 所属分类: Ext


只有注册用户登录后才能发表评论。
网站导航: