Ext.onReady(function(){
   var tree=new Ext.tree.TreePanel({
     el:'tree-doc',
     frame:true,
     title:'A doc tree',
     width:400,
     //动态的加载数据URL 返回的必须是JSON
     //loader:new Ext.tree.TreeLoader({url:"../pagination.do"})
     loader: new Ext.tree.CustomUITreeLoader({
            dataUrl:'jsondata.txt',
            baseAttr: {
                uiProvider: Ext.tree.CheckboxNodeUI
            }
        }),
     autoScroll:true,//如果树的高超出这个树的面板 则自动显示滚动条
     animate:true,//动态显示
     enableDD:true,//支持拖放
     rootUIProvider: Ext.tree.CheckboxNodeUI,
     selModel:new Ext.tree.CheckNodeMultiSelectionModel(),
     containerScroll: true//这个不知道有什么用的
     
   });
     //AsyncTreeNode 会延迟加载没有展开的节点 认为凡是leaf不为true的都要延迟加载
   var root=new Ext.tree.AsyncTreeNode({
     text:'root',
     icon:'img/viewPic.gif',
     draggable:false//false表示这个节点将不能被拖拽
    });
   
   tree.setRootNode(root);
   //为树上的节点添加事件
   tree.on('click',function(node){
     Ext.Msg.alert('This node id is:',node.id);
   });
   
   tree.render();
   
   root.expand(false,true);
  
});