隨筆 - 147  文章 - 71  trackbacks - 0
          <2009年4月>
          2930311234
          567891011
          12131415161718
          19202122232425
          262728293012
          3456789

          常用鏈接

          留言簿(1)

          隨筆分類(146)

          隨筆檔案(147)

          文章分類(28)

          文章檔案(28)

          喜歡的Blog

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          Tree的例子

           1Ext.onReady(function() {
           2            var json = [{
           3                        'text' : 'A',
           4                        'id' : 'a',
           5                        'leaf' : false,
           6                        'children' : [{
           7                                    'text' : 'A1',
           8                                    'id' : 'a1',
           9                                    'leaf' : false,
          10                                    'children' : [{
          11                                                'text' : 'A11',
          12                                                'id' : 'a11',
          13                                                'leaf' : true
          14                                            }
          {
          15                                                'text' : 'A12',
          16                                                'id' : 'a12',
          17                                                'leaf' : true
          18                                            }
          {
          19                                                'text' : 'A13',
          20                                                'id' : 'a13',
          21                                                'leaf' : true
          22                                            }
          {
          23                                                'text' : 'A14',
          24                                                'id' : 'a14',
          25                                                'leaf' : true
          26                                            }
          ]
          27                                }
          {
          28                                    'text' : 'A2',
          29                                    'id' : 'a2',
          30                                    'leaf' : true
          31                                }
          ]
          32                    }
          {
          33                        'text' : 'B1',
          34                        'id' : 'b1',
          35                        'leaf' : false,
          36                        'children' : [{
          37                                    'text' : 'B11',
          38                                    'id' : 'b11',
          39                                    'leaf' : true
          40                                }
          {
          41                                    'text' : 'B11',
          42                                    'id' : 'b12',
          43                                    'leaf' : false,
          44                                    'children' : [{
          45                                                'text' : 'B121',
          46                                                'id' : 'b121',
          47                                                'leaf' : true
          48                                            }
          ]
          49                                }
          ]
          50                    }
          ];
          51            var tree = new Ext.tree.TreePanel({
          52                        animate : true,
          53                        enableDD : false,
          54                        loader : new Ext.tree.TreeLoader(),
          55                        lines : true,
          56                        selModel : new Ext.tree.MultiSelectionModel(),
          57                        containerScroll : false
          58                    }
          );
          59
          60            var root = new Ext.tree.AsyncTreeNode({
          61                        text : 'Autos',
          62                        draggable : false,
          63                        id : 'source',
          64                        children : json
          65                    }
          );
          66
          67            tree.setRootNode(root);
          68
          69            tree.on('click', function(node) {
          70                        alert(node.id + "" + node.text);
          71                        if (node.leaf == true{
          72                            addSelected(node.id, node.text);
          73                        }

          74                    }
          );
          75            tree.render(document.body);
          76            root.expand();
          77
          78        }
          );
          調用:
          <div id="tree"></div>
          posted on 2009-04-01 20:21 飛翔天使 閱讀(1073) 評論(1)  編輯  收藏 所屬分類: ajax

          FeedBack:
          # re: Extjs使用教程(整理中)[未登錄] 2012-10-25 14:52 a
          defe fer  回復  更多評論
            
          主站蜘蛛池模板: 鹿泉市| 宾阳县| 枞阳县| 格尔木市| 祁门县| 镇沅| 建德市| 兰州市| 盘山县| 萝北县| 安多县| 新晃| 白水县| 寻甸| 罗源县| 东港市| 峡江县| 孝义市| 青河县| 昭觉县| 资兴市| 周口市| 安泽县| 新竹市| 临城县| 威远县| 喀喇沁旗| 柯坪县| 龙岩市| 宽甸| 铅山县| 米脂县| 五河县| 兴仁县| 张北县| 启东市| 长寿区| 大方县| 红河县| 天柱县| 渭南市|