ExtJs fieldset区域中,动态添加多个块集合

 var formPssq = new Beidasoft.Bap.FormPanel({
  title: '线下评审',
  renderTo: 'main',
  submitServiceUrl: 'pingshenService/saveBelowlinePsjl/',
  labelWidth : 120,
  frame: true,
  border: false,
  baseCls: 'x-panel',
  autoWidth : true,
  // autoHeight: true,
  fileUpload : true,
  autoScroll : true,
  defaultType : 'textfield',
  plugins: [new Ext.ux.plugins.FitToParent()],
  items: [ {
   xtype : 'panel',
   layout : 'column',
   labelWidth : 80,
   id : 'gzcp',
   anchor : '96%',
   border : false,
   frame : true,
   items : [ {
    columnWidth : .95,
    xtype : 'panel',
    layout : 'form',
    items : [ fieldSet = new Ext.form.FieldSet({
     title : '评审产品',
     fieldLabel : '',
     id : 'addTaskReportFieldSetID',
     autoHeight : true,
     defaultType : 'textfield',
     anchor : '100%',
     defaultType : 'displayfield',
     // autoScroll : true,
     labelWidth : 60
    }) ]
   }, addFileButton = new Ext.Button({
    text : '添加',
    id : 'semip_storage_btn',
    iconCls : 'page_add',
    handler : addFile
   }) ]
  },
  {
   xtype : 'panel',
   layout : 'form',
   defaultType : 'textfield',
   items : [ repFileNumber = new Ext.form.Field({
    inputType : 'hidden',
    name : 'repFileNumber',
    value : 0
   }), repFileDelete = new Ext.form.Field({
    inputType : 'hidden',
    name : 'repFileDelete'
   }) ]
  }]
  
 })

// 添加fieldset区域的方法
function addFile() {
 // 如果没有PDM,则隐藏单选框的那一行
 var number = repFileNumber.getValue();
 var fileName = 'file_' + number;
 // fileNames += fileName + ','; // 到时候隐藏时用的
 repFileNumber.setValue(parseInt(number) + 1);
 var lText = '<a href="#" onclick="deleteInputAddEdit(\'' + fileName
   + '\')">删除</a>&nbsp;&nbsp;';
 fieldSet.add(new Ext.form.FieldSet({
  title: lText,
  id : fileName,
  frame : true,
//  bodyStyle : 'padding:5px 5px 0',
  items : [ {
   layout : 'column',
   xtype : 'panel',
   anchor: '92%',
   items : [ {
    columnWidth : .5,
    layout : 'form',
    items : [ {
     xtype : 'filefield',
     id : fileName + 'pscp',
     nameValue : 'pscp' + number,
     fieldLabel : '评审产品<font color=\'red\'>*</font>',
     allowBlank:false,
     anchor : '95%'
    }]
   } ,
   {
    columnWidth : .5,
    layout : 'form',
    items : [{
     xtype : 'combo',
     id : fileName + 'psjcd',
     hiddenName : 'psjcd' + number,
     fieldLabel : '评审检查单',
     store : jcdStore,
     mode : 'local',
     editable : false,
     allowBlank:false,
     valueField : 'id',
     displayField : 'text',
     triggerAction : 'all',
     anchor:'95%'
    }]
   }]
  },
  {
  xtype: 'panel',
  layout: 'column',
  anchor: '92%',
  items: [{
   columnWidth: .5, 
   layout: 'form',
   items: [{
    xtype: 'numberfield',
    fieldLabel: '评审产品规模',
    allowDecimals : false, // 不允许小数
          allowNegative : false, // 不允许负数
          allowBlank:false,
    id: fileName+'pscpgm',
    name: 'pscpgm' + number,
    anchor: '95%'
   }]
  },
  {
   columnWidth: .5,
   layout: 'form',
   items: [{
    xtype : 'combo',
    id: fileName+'gmlx',
    hiddenName : 'gmlx' + number,
    fieldLabel : '规模类型',
    store : gmlxStore,
    mode : 'local',
    editable : false,
    allowBlank:false,
    valueField : 'id',
    displayField : 'text',
    value: '01',
    triggerAction : 'all',
    anchor:'95%'
   }]
  }]
 }]
 }));
 
 fieldSet.doLayout();
}

你可能感兴趣的:(ExtJs)