在window里面套一个form,form里面fieldset，fieldset里面的控件如果给了ID，就出问题

问题就是当我第二次创造出这个window，那么这些有ID属性的控件就显示不出来。而没有ID属性的，就可以显示。

这是公司框架中出现的问题。

 

如红字所示。

公司框架就是，左侧点击一个节点，右侧会加载一个panel,panel中，会有如下这堆控件。

第二次点击节点，那么有ID属性的，form控件，就会无法显示。

这是不是因为，这些有ID的控件，它们并没有被销毁，仍然存在于浏览器中？然后，再次创建，ID冲突，无法显示。

不知道是不是这样呢，先备份一下。

 

var orderForm = new Ext.FormPanel({
  renderTo:Ext.getBody(),
  labelWidth:100,
  url:"",
  frame:true,
  bodyStyle:"padding:5px 5px 0",
  autoWidth:true,
  reader:new Ext.data.JsonReader({
   root:"root"
  },["salesOrderNo","enterpriseId","orderDetail","creator","createdDate"]),
  items:[{
   xtype:"fieldset",
   title:"MBCA交易订单详情",
   autoHeight:true,
   defaults:{width:220},
   defaultType:"textfield",
   collapsible:true,
   items:[{

     id:'xxx',
    fieldLabel:"订单编号",
    name:"salesOrderNo",
    readOnly:true
   },{
    fieldLabel:"买方",
    name:"creator",
    readOnly:true
   },{
    fieldLabel:"卖方",
    name:"enterpriseId",
    readOnly:true
   },{
    fieldLabel:"订单生成时间",
    name:"createdDate",
    readOnly:true
   }
//   ,{
//    fieldLabel:"订单状态",
//    name:"orderStatus",
//    readOnly:true
//   },
//    {
//    xtype:"textarea",
//    fieldLabel:"订单备注",
//    name:"orderRemark",
//    readOnly:true
//   }
   ]},{
    xtype:"fieldset",
    title:"成标价格信息",
    autoHeight:true,
    collapsible:true,
    items:[{
     id:"price",
     items:[qlColumnGrid]
    }]
   }]
 });
 var win;
 //加载模板
 mbca.functions.tp.loadtemplateByOrderNo(orderNo,qlColumnGrid);
 
 //****************************全局函数*********************************
 
 //弹出中标信息窗口
 mbca.functions.so.showSalesOrderWindow = function(rowIndex){
  var record = oiColumnGrid.getStore().getAt(rowIndex);
  var orderDetail = record.get('orderDetail');
  var saleOrderNo = record.get('salesOrderNo');
  var enterpriseId = record.get('enterpriseId');
  loadFormInfo(saleOrderNo);
  
  //加载订单内容
  loadSalesOrder(orderDetail);
  if(!win){
   win = new Ext.Window({
    renderTo:Ext.getBody(),
    title:"订单详情",
    width:680,
    height:500,
    plain:true,
    closeAction:"hide",
    items:[orderForm],
    buttons:[{
              text: '关闭',
              handler:function(){
                  win.hide();
              }
          }/*,{
              text: '导出为excel',
              handler:function(){
            Ext.Ajax.request({
         method:'POST',
         url: 'qlist/quotationList_findCompanyInfoByOrderNO',
         success: function(data){
          
         },
         failure: function(){alert("无法生成excel！");Ext.MessageBox.hide();},
         headers: {},
         disableCaching: false,
         params: {orderNo:orderNo,saleOrderNo:saleOrderNo}
            });
              }
          }*/]
   });
  };
  
  win.setTitle('公司('+enterpriseId+')'+'的中标详情');
  win.show();
 }