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

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();
}