extjs表单中动态添加items

最新推荐文章于 2023-01-07 20:48:06 发布

Ezrealmore

最新推荐文章于 2023-01-07 20:48:06 发布

阅读量8.2k

点赞数

本文为博主原创文章，转载时请注明出处链接。

本文链接：https://blog.csdn.net/lk7688535/article/details/51732195

版权

items:[
            var exceptionNumber = 1;
            var exceptionHandling =new String;
       {
           xtype: 'fieldset',
           title: '异常处理',
          id:'exceptionHand',
          defaultType: 'textfield',
          width:400,                          
          items:[
              {

                xtype:"button",
                text:"增加异常情况",
                handler : function() {
                exceptionNumber++;
                var exceptionForm = Ext.getCmp("exceptionHand");
                var configItem=[{
                xtype:'fieldcontainer',
                layout:'hbox',
                    items:[
                            {
                                xtype:'textfield',
                                labelAlign:'top',
                                id:'exceptionContex'+exceptionNumber,
                                name: 'exceptionContex'+exceptionNumber,                                
                                fieldLabel: '第'+exceptionNumber+'条异常内容',

                            },
                            {
                                   xtype:'textfield',
                                   labelAlign:'top',
                                   id:'solvingMethod'+exceptionNumber,             
                                   name: 'solvingMethod'+exceptionNumber,                               
                                   fieldLabel: '处理方式',

                            }

                          ]
                       }];
                                      exceptionForm.add(configItem[0]);
                                      exceptionForm.doLayout();
                                      }
            },
            {
                xtype:'fieldcontainer',
                layout:'hbox',
                labelAlign:'top',
                items:[
                       {
                         xtype:'textfield',
                         labelAlign:'top',
                         id:'exceptionContex1',
                         name: 'exceptionContex1',                              
                         fieldLabel: '第1条异常内容',
                       },
                      {
                         xtype:'textfield',
                         labelAlign:'top',
                         id:'solvingMethod1',
                         name: 'solvingMethod1',                                
                         fieldLabel: '处理方式',
                      }
                       ]
            }
          ]
},
buttons:[

          {
            text:"添加",
            handler:function(){
                    exceptionHandling ="{"; 
                    for(var i=1;i<=exceptionNumber;i++){
                    exceptionValue = Ext.getCmp('exceptionContex'+i).getValue();
                    solveMethod = Ext.getCmp('solvingMethod'+i).getValue();
                    exceptionHandling = exceptionHandling+'"'+exceptionValue+
                    '":"'+solveMethod+'",';
                    if(i==exceptionNumber){
                        exceptionHandling = exceptionHandling.substring(0,(exceptionHandling.length-1));
                    }
                 }
                         exceptionHandling = exceptionHandling + "}";

                           alert(exceptionHandling);
                               form.getForm().submit({
                                   params:{'testIFCObject.exceptionHandling':exceptionHandling},
                                   url:"TestIFCObjectAdd.action",
                                   waitMsg:"请稍等,正在添加",
                                   success:function(form,action){
                                    Ext.MessageBox.alert("提示信息","添加成功");
                                    store.reload();
                                    win.close(this);                                     
                                   },
                                    failure:function(form,action){
                                            Ext.MessageBox.alert("提示信息",action.result.msg);                                         
                                        }
                                });

                                }
                                   },
              {
                text:"重置",handler:function(){
                form.getForm().reset();
                }
               }
        ]