日期:2014-05-16  浏览次数:20904 次

ext tabpanel动态添加标签页问题
我做了一个页面主要功能是根据combox选取的对象刷新下面页面的内容。我实现的方式是在一个panel里面放入一个fieldset和一个tabpanel,代码如下
var viewport = new Ext.Panel({
            frame:true,
    collapsible : true,//允许展开和收缩       
            layout:'fit',
            title:'审批',
            items:[
                    {  
    xtype : 'fieldset',
title : '审批选项',
labelWidth: 80,
autoHeight: true,
columnWidth : 1, 
border : true,
collapsible: true,
anchor:'100%',
layout : 'column',
items : [
  {   
   columnWidth : .4, 
  layout : 'form', 
   border : false,  
   items : [ 
     {  
     xtype:"combo",
fieldLabel:"审批类型",
store:fieldTypecreate,
displayField:'name',
valueField:'name',
mode:'local',
autoload:true,
triggerAction:'all',
emptyText:'请选择审批类型...',
     anthor:'95%'}
     ]
   },
  { 
   columnWidth : .4,
    layout : 'form',
   border : false,   
   items : [ 
     {  
     xtype:"combo",
fieldLabel:"办事程序",
store:fieldProgramcreate,
displayField:'name',
valueField:'id',
mode:'local',
autoload:true,
triggerAction:'all',
emptyText:'请选择...',
     anthor:'95%',
     listeners:{ 
     select: function (a, b, c) {
     var valueGet = b.data.id;
     if(valueGet=='A'){
     onClickMenuItem({id:'A',href:'page/audit/audit_info.jsp?id=2'});          
     }
     if(valueGet=='B'){
     onClickMenuItem({id:'B',href:'page/programme/programme_info.jsp?pids=2&parentid=1'});
     //contentPanel.doLayout();
     //contentPanel.ownerCt.doLayout();
     //var bd =  document.getElementById('centerPanel');
     //bd.innerHTML = "";
     //contentPanel.load({ 
     // url: 'page/audit/audit_info.jsp?id=2', 
     // discardUrl: false, 
     // nocache: false, 
     // timeout: 30,