沉睡森林@漂在北京

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

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            152 隨筆 :: 4 文章 :: 114 評論 :: 0 Trackbacks
          Ext.onReady(function() {
                Ext.state.Manager.setProvider(
          new Ext.state.CookieProvider());
                Ext.Ajax.request({
                     url : 
          "txn980301.do",
                     method : 
          "get",
                     success : 
          function(response, options) {
                           
          var array = Ext.util.JSON.decode(response.responseText);
                           
          for (var i = 0; i < array.length; i++) {
                                
          var obj = array[i];
                                accordion.add({
                                      id : obj.id,
                                      title : obj.text,
                                      html : 
          "<div   align=left valign=top    id=" + obj.id  + "></div>"
                                });
                                accordion.doLayout(
          true);
                                
                                buildTree(obj.id);
                           }
                     }
                });

                
          var tab = new Ext.TabPanel({
                     region : 
          "center",
                     margins : 
          "0 5 0 0",
                     deferredRender : 
          false,
                     activeTab : 
          0,
                     resizeTabs : 
          true,
                     enableTabScroll : 
          true
                });

                tab.add({
                     id : 
          "welcome",
                     title : 
          "welcome",
                     html : 
          "<hr><h1>hello world</h1>"
                });

                
          function treeClick(node, e) {
                     
          if (!node.isLeaf()) {
                           e.stopEvent();
                     } 
          else {
                           
          var n = tab.getComponent(node.id);
                           
          //alert(node['qtip']);
                           
                           
          if (!n) {
                                
          var n = tab.add({
                                      
          "id" : node.id,
                                      
          "title" : node.text,
                                      closable : 
          true,
                                      html : 
          "<iframe  scroll='auto' src=txn" + node.id  + ".do   style='width:100%;height:100%' ></iframe>"
                                });
                           }
                           tab.setActiveTab(n);
                     }
                }

                
          function buildTree(subMenuId) {
                     
          var root = new Ext.tree.AsyncTreeNode({
                           text : 
          "Autos",
                           draggable : 
          false,
                           id : 
          "source"
                     });

                     
          var tree = new Ext.tree.TreePanel({
                           el :  subMenuId ,
                           border : 
          0,
                           animate : 
          true,
                           enableDD : 
          false,
                           loader : 
          new Ext.tree.TreeLoader({
                                dataUrl : 
          "txn980302.do?subMenuId=" + subMenuId,
                                requestMethod : 
          "GET"
                           }),
                           root : root,
                           rootVisible : 
          false,
                           autoHeight : 
          true,
                           containerScroll : 
          false,
                           renderTo : subMenuId
                     });

          //           tree.render(subMenuId);
                     root.expand();
                     tree.on(
          "click", treeClick);
                }

                
          var header = new Ext.Panel({
                     region : 
          "north",
                     margins : 
          "0 5 0 5",
                     height : 
          80,
                     collapsible : 
          true,
                     split : 
          true,
                     minSize : 
          80,
                     maxSize : 
          80
                });

                
          var status = new Ext.Panel({
                     region : 
          "south",
                     margins : 
          "0 5 5 5",
                     height : 
          20,
                     minSize : 
          20,
                     maxSize : 
          20,
                     split : 
          true
                });

                
          var accordion = new Ext.Panel({
                     region : 
          "west",
                     margins : 
          "0 0 0 5",
                     split : 
          true,
                     width : 
          210,
                     layout : 
          "accordion",
                     autoScroll : 
          true,
                     animCollapse : 
          false,
                     animate : 
          true,
                     layoutConfig : {
                           animate : 
          true
                     }
                });

                
          var viewport = new Ext.Viewport({
                     layout : 
          "border",
                     items : [header, status, accordion, tab]
                });

          });
          posted on 2009-05-25 15:32 王總兵 閱讀(654) 評論(0)  編輯  收藏 所屬分類: Ext
          主站蜘蛛池模板: 霍州市| 都昌县| 合江县| 将乐县| 桂林市| 古交市| 册亨县| 赤城县| 罗田县| 江北区| 元江| 辛集市| 巧家县| 类乌齐县| 喜德县| 安顺市| 富蕴县| 延长县| 乌什县| 那坡县| 尉氏县| 调兵山市| 晋州市| 安宁市| 蒙阴县| 双辽市| 玉门市| 闽清县| 都兰县| 荣昌县| 射阳县| 福贡县| 海南省| 苏尼特左旗| 英吉沙县| 通化市| 鄂托克前旗| 滦南县| 万年县| 云和县| 邵东县|