沉睡森林@漂在北京

          本處文章除注明“轉載”外均為原創,轉載請注明出處。

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            152 隨筆 :: 4 文章 :: 114 評論 :: 0 Trackbacks
          <html>
           
          <head>
            
          <title> New Document </title>
             
          <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
                
          <script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
                
          <script type="text/javascript" src="../ext-all.js"></script>
           
          </head>
           
          <body>
          <script type="text/javascript">
            Ext.onReady(
          function(){
                
          //定義樹的跟節點
                var root=new Ext.tree.TreeNode({
                      id:
          "root",//根節點id
                      text:"我是樹根"
                });

                
          //定義樹節點
                var c1=new Ext.tree.TreeNode({
                  id:'c1',
          //子結點id
                  text:'我是大兒子'
                });

                
          var c2=new Ext.tree.TreeNode({
                  id:'c2',
                  text:'我是小兒子,請點擊我',
                  icon:'im2.gif',
          //自定義節點圖標
                  href:'http://www.extshow.com/',//添加超鏈接
                  hrefTarget:'_blank'//新窗口打開鏈接
                });


                
          var c22=new Ext.tree.TreeNode({
                  id:'c22',
                  text:'我是大孫子,請點擊我'
                });

                root.appendChild(c1);
          //為根節點增加子結點c1
                root.appendChild(c2);//為c1增加子節點c2,相信你已經找到規律了吧^_^
                c1.appendChild(c22);//為c1增加子節點c22

                
          //生成樹形面板
                var tree=new Ext.tree.TreePanel({
                  renderTo:
          "show",
                  root:root,
          //定位到根節點
                  animate:true,//開啟動畫效果
                  enableDD:false,//不允許子節點拖動
                  border:false,//沒有邊框
                  rootVisible:true//設為false將隱藏根節點,很多情況下,我們選擇隱藏根節點增加美觀性
               });

               
          //增加點擊事件
               c22.on('click',function(node){
                    alert('我是:
          "'+node.text+'",我的id是:"'+node.id+'"');//這里增加你所需要的點擊事件
               });

            })
           
          </script>


           
          <div id="show"></div>
           
          </body>
          </html>
          posted on 2009-06-11 20:14 王總兵 閱讀(1526) 評論(2)  編輯  收藏 所屬分類: Ext

          評論

          # re: ext樹菜單的入門例子 2009-06-29 15:30 hhhh
          出不來效果啊,搞的什么?  回復  更多評論
            

          # re: ext樹菜單的入門例子 2009-07-01 09:54 wangbing
          @hhhh
          你的js都引用了嗎?  回復  更多評論
            

          主站蜘蛛池模板: 宁波市| 岳普湖县| 吉隆县| 内江市| 思茅市| 政和县| 麦盖提县| 福建省| 平凉市| 淅川县| 阆中市| 青田县| 罗定市| 绿春县| 商都县| 平原县| 柘荣县| 陈巴尔虎旗| 通化市| 杭州市| 南汇区| 常熟市| 旬阳县| 刚察县| 广州市| 依安县| 和硕县| 陆河县| 宁陵县| 潞城市| 武冈市| 临汾市| 岳阳市| 桦川县| 会东县| 通州区| 扶余县| 永新县| 昌邑市| 河源市| 泸水县|