沉睡森林@漂在北京

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

            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都引用了嗎?  回復  更多評論
            

          主站蜘蛛池模板: 武邑县| 长宁区| 东平县| 赤峰市| 鲜城| 尚志市| 普兰县| 塔城市| 华安县| 鄂州市| 岳阳市| 普宁市| 望城县| 五华县| 仁化县| 泰宁县| 扎赉特旗| 喀喇| 从化市| 乌兰察布市| 美姑县| 吉水县| 沭阳县| 育儿| 茶陵县| 沽源县| 萍乡市| 黔西| 孝义市| 泗水县| 黄梅县| 黄大仙区| 南陵县| 茌平县| 马龙县| 保亭| 营山县| 天全县| 商城县| 祁东县| 巢湖市|