Ext 3.4 FormPanel

C_JK

于 2019-01-19 12:48:04 发布

阅读量605

点赞数

分类专栏： Ext 文章标签： ext formPanel

本文链接：https://blog.csdn.net/sinat_33704704/article/details/86538735

版权

Ext 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

示例

var XXX = new Ext.form.TextField({

        fieldLabel : '名称',

        id: 'name',

        labelStyle: "text-align: center;",

        width : 150,

        emptyText : '请输入名称...',

        maxLength : 200,

        maxLengthText : '长度限于200个字符以内',

        regexText : '请输入名称',

        listeners : {}

    });

var queryForm = new Ext.form.FormPanel({

        title : 'XXX',

        width : '100%',

        height : 120,

        layout : 'fit',

        frame : true,

        bodyStyle : 'padding:0 10px;',

        items : [{

           layout : 'column',

           border : false,

           items : [{

               bodyStyle : 'padding-right:5px'

           },{

               columnWidth : 1,

               items : {

                   xtype : 'fieldset',

                   title : '查询条件',

                   autoHeight : true,

                   defaults:{},

                   items : [{

                       layout : 'column',

                       border : false,

                       defaults : {

                           layout : 'form',

                           labelWidth : 60,

                           border : false,

                       },

                       items : [{

                           columnWidth:.2,

                           items : [XXX]

                       },{

                           columnWidth:.2,

                       items:new Ext.Button({text:'查询',width:60,handler:function(){

                             var queryName = Ext.getCmp('name').getValue();

                            gridStore.baseParams={

                                   queryName: queryName

                             };

                            gridStore.reload({params:{

                                  start:0,

                                  limit:gridLimit

                            }});

                       }})

                       }]

                   }]

               }

           }]

        }]

    });