ThinkPHP2.0结合ExtJs3.3关于导航Tree

Question

我刚开始做ThinkPHP和ExtJs的。
TP用的2.0,ExtJs用的是3.3的
在现在有个问题就是在加节点的时候想在这里再加像“管理目录”一样的根节点
这里是源码 请求怎么改啊
MenuPanel = Ext.extend(Ext.Panel , {        constructor : function(){                MenuPanel.superclass.constructor.call(this , {                        id : "menu" ,
                        region : "west" ,
                        title : "系统管理菜单" ,
                        split : true ,
                        width : 200 ,
                        height : 'auto' ,
                        collapsible : true ,
                        layout : "accordion" ,
                        border : true ,
                        layoutConfig : {
                                        titleCollapse : true ,
                                        animate : true ,
                                        activeOnTop: false
                        } ,
                        items : [ {
                                title : "<font color=#990000>&nbsp;货物管理</font>" ,
                                iconCls : 'menu-product',
                                border : false ,
                                items : [new AdminMenuPanel()]
                        }]
                }) ;
        }
}) ;AdminMenuPanel = Ext.extend(Ext.tree.TreePanel , {
        managerroot : null ,
        loadMask : null ,
        constructor : function(){
                var root = new Ext.tree.AsyncTreeNode({
                    id : 'product' ,
                        text : '管理目录' ,
                        draggable : false
                }) ;
               
                AdminMenuPanel.superclass.constructor.call(this , {
                        id : 'adminmanager-menu' ,
                        autoScroll : true ,
                        enableDD : false ,//是否支持拖拽效果
                        containerScroll : true ,//是否支持滚动条
                        //split : true ,
                        root : root ,
                        rootVisible : true ,//是否显示跟节点
                        collapseMode : 'mini' ,//在分割线处出现按钮
                        hideCollapseTool  :true ,
                        lines : false ,
                        border : false ,
                        collapsible : true ,
                        //margins : '0 0 5 5' ,
                        loader : new Ext.tree.TreeLoader({
                                dataUrl : app + '/Index/Expand'
                        })
                }) ;
                this.on('click' , menuClickAction , this) ;               
        }            
}) ;

Answer 1

楼上的：ExtJs开发文档里面有我还用得着问你

Answer 2

你这个节点是想完全是自己手工添加还是从后台读？
如果自己手工加的话，那就照猫画虎，加一个节点，如果从后台读，那需要有一个dataurl，先保证你的dataurl有正确的数据。

Answer 3

那个"管理目录"的节点是手动加的，dataurl里面加的是"管理目录"的子节点，那些都显示正常。
问题我照着"管理目录"这个节点照猫画虎试了好多种方法但是都加不上去，我希望是加一个和"管理目录"同级的节点
希望帮忙解决下 非常谢谢

Answer 4

代码改为:MenuPanel = Ext.extend(Ext.Panel , {  constructor : function(){  MenuPanel.superclass.constructor.call(this , {  id : "menu" ,
  region : "west" ,
  title : "系统管理菜单" ,
  split : true ,
  width : 200 ,
  height : 'auto' ,
  collapsible : true ,
  layout : "accordion" ,
  border : true ,
  layoutConfig : {
  titleCollapse : true ,
  animate : true ,
  activeOnTop: false
  } ,
  items : [ {
  title : "<font color=#990000>&nbsp;货物管理</font>" ,
  iconCls : 'menu-product',
  border : false ,
  items : [new AdminMenuPanel()]
  }]
  }) ;
  }
}) ;AdminMenuPanel = Ext.extend(Ext.tree.TreePanel , {
  managerroot : null ,
  loadMask : null ,
  constructor : function(){
  var root = new Ext.tree.AsyncTreeNode({
  id : 'product' ,
  text : '管理目录' ,
  draggable : false
  }
  ,
{
  id : 'product' ,
  text : '管理目录2' ,
  draggable : false
  }{
  id : 'product' ,
  text : '管理目录3' ,
  draggable : false
  }
  //一直往后加即可
) ;
    
  AdminMenuPanel.superclass.constructor.call(this , {
  id : 'adminmanager-menu' ,
  autoScroll : true ,
  enableDD : false ,//是否支持拖拽效果
  containerScroll : true ,//是否支持滚动条
  //split : true ,
  root : root ,
  rootVisible : true ,//是否显示跟节点
  collapseMode : 'mini' ,//在分割线处出现按钮
  hideCollapseTool :true ,
  lines : false ,
  border : false ,
  collapsible : true ,
  //margins : '0 0 5 5' ,
  loader : new Ext.tree.TreeLoader({
  dataUrl : app + '/Index/Expand'
  })
  }) ;
  this.on('click' , menuClickAction , this) ;   
  }   
}) ;

Answer 5

楼主认为ExtJs和jQuery哪一个好？各有什么长处？

Answer 6

注意代码中的“,”号，上次改的少了“,”号：
MenuPanel = Ext.extend(Ext.Panel , {  constructor : function(){  MenuPanel.superclass.constructor.call(this , {  id : "menu" ,
  region : "west" ,
  title : "系统管理菜单" ,
  split : true ,
  width : 200 ,
  height : 'auto' ,
  collapsible : true ,
  layout : "accordion" ,
  border : true ,
  layoutConfig : {
  titleCollapse : true ,
  animate : true ,
  activeOnTop: false
  } ,
  items : [ {
  title : "<font color=#990000>&nbsp;货物管理</font>" ,
  iconCls : 'menu-product',
  border : false ,
  items : [new AdminMenuPanel()]
  }]
  }) ;
  }
}) ;AdminMenuPanel = Ext.extend(Ext.tree.TreePanel , {
  managerroot : null ,
  loadMask : null ,
  constructor : function(){
  var root = new Ext.tree.AsyncTreeNode({
  id : 'product' ,
  text : '管理目录' ,
  draggable : false
  }
  ,
{
  id : 'product' ,
  text : '管理目录2' ,
  draggable : false
  }
,
{
  id : 'product' ,
  text : '管理目录3' ,
  draggable : false
  }
  //一直往后加即可
) ;
    
  AdminMenuPanel.superclass.constructor.call(this , {
  id : 'adminmanager-menu' ,
  autoScroll : true ,
  enableDD : false ,//是否支持拖拽效果
  containerScroll : true ,//是否支持滚动条
  //split : true ,
  root : root ,
  rootVisible : true ,//是否显示跟节点
  collapseMode : 'mini' ,//在分割线处出现按钮
  hideCollapseTool :true ,
  lines : false ,
  border : false ,
  collapsible : true ,
  //margins : '0 0 5 5' ,
  loader : new Ext.tree.TreeLoader({
  dataUrl : app + '/Index/Expand'
  })
  }) ;
  this.on('click' , menuClickAction , this) ;   
  }   
}) ;

Answer 7

重新再试一下吧，一般来说EXTJS更多时候是写一些配置性的代码