Extjs 學習手記--TreePanle

 TreePanel 引數

 

1. animate: true    //展開動畫

2. autoHeight:t rue    //自動高度，預設為false

3. enableDreg: true    //允許拖動

4. enableDD: true    //允許拖動，並改變節點層次結構

5. enableDrop: true    //允許刪除

6. lines: true    //節點虛線

7. loader: Ext.tree.TreeLoader    //

8. root: Ext.tree.TreeNode    //

9. rootVisible: true    //顯示根節點

10. trackMouseOver: false    //mouseOver無效

11.useArrows: true    //使用小箭頭

12. dataUrl: 'your url'     //資料來源(需要JSON格式)

 

TreeNode引數

1. checked: false    //核取方塊，True|False，不寫就沒有

2. expanded: true    //展開，預設為不展開

3. href: "href url"    //超連結地址

4. hrefTarget : "href target"    //超連結物件域

5. qtip : "提示"    //提示資訊，不過要Ext.QuickTips.Init()一下

6. leaf: true            //葉節點

7. text: ' 文字' 

8. id: 'ID'

9. singleClickExpand: true    //單擊文字展開，預設為雙擊展開

 

Tree事件

 

tree.on('click',function({

    alert(node.id);    //node即當前選定的節點

}););              

 

遇到的問題

1. 在沒網路的情況下s.gif不顯示

 解決：Ext.BLANK_IMAGE_URL="ext/resources/images/default/s.gif"; //URL寫成你本地的地址，預設是extjs的官網