日期:2014-05-18  浏览次数:20673 次

有人会extjs的吗?麻烦帮我看一下
这是一个用extjs布局的js代码,主要是一个框架页面,想在左边显示一棵树,树的内容是从数据库动态读出来的,点击树的节点,在右边框架页里显示相应的内容。 先在框架页面通过下面的代码实现了,问题就是怎么把树显示在左边啊????我是做。net开发的






<script type="text/javascript">
  var tabpanel;
  var index = 0;
  var currentItem;
  function loadFrames() {
  var westPanel = new Ext.Panel({
  title: '菜单',
  region: 'west',
  split: false,
  collapsible: true,
  collapseMode: 'mini',
  width: 200,
  html: '<input type=\'button\' value=\'添加新标签页\' id=\'AddNewTab\' onclick=\'addTab(1,"Hello","hi");\'/>'
   
  });

   
  tabpanel = new Ext.TabPanel({
  region: 'center',
  activeTab: 0,
  enableTablScroll: true,
  listeners: {
  "contextmenu": function(tdemo, myitem, e) {

  menu = new Ext.menu.Menu([
  { id: myitem.id + '-close', text: "关闭当前页", handler: function() { tdemo.remove(myitem); } },
  { id: myitem.id + '-close-others', text: "关闭其它页", handler: function() { tdemo.items.each(function(item) { if (item.closable && item != myitem) { tdemo.remove(item); } else { } }); } }]);
  var ctxItem = item;
  var items = menu.items;

  if (tdemo.items.length > 1) {
  items.get(myitem.id + '-close').setDisabled(item.closable);
  }
  else {
  items.get(myitem.id + '-close').setDisabled(!item.closable);
  var disableOthers = true;
  tdemo.items.each(function() {
  if (this != item && this.closable) {
  disableOthers = true;
  return false;
  }
  });
  items.get(myitem.id + '-close-others').setDisabled(disableOthers);
  }
  menu.showAt(e.getPoint());
  }
  },
  items: [
  { id: '0', title: '百度一下,你就知道', html: '<iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0"></iframe>', closable: true },
  { id: '1', title: '迅雷', html: '<iframe src="http://www.xunlei.com" width="100%" height="100%" frameborder="0"></iframe>', closable: true },
  { id: '2', title: '腾讯网', html: '<iframe src="http://www.qq.com" width="100%" height="100%" frameborder="0"></iframe>', closable: true }
  ]
  });


  var southRegion = {
  region: 'south',
  xtype: 'panel',
  split: false,
  height: 30,
  collapsible: true,
  bbar: [new Ext.Toolbar.TextItem(' '), { xtype: "tbfill" }, new Ext.Toolbar.TextItem(''), { xtype: 'tbseparator' }, new Ext.Toolbar.TextItem(''), { pressed: false, text: '', iconCls: 'tabs'}]
  };

  var northRegion = {
&