Ext学习之二查询条件页面

 

var blackForm = new Ext.FormPanel({

       labelWidth: 75,  

       frame:true,

       layout:'form', //form布局

       title: '查询条件',

       bodyStyle:'padding:5px 5px 0',

       width: '800',

       buttonAlign:'left', //按钮位置

       defaults: {width: 200}, //默认元素宽度为200px

       defaultType: 'textfield',  //默认元素为文本框

       items:[{

               fieldLabel: '电话号码',

               name: 'blacklist.number',

               id:'number'

            },{

               fieldLabel: '数据来源',

               name: 'blacklist.source',

               id:'source'

            }

       ],

       buttons: [{

           text: '查询',

           width:80,

           handler:function(){

var number = Ext.getCmp('number').getValue();

var source = Ext.getCmp('source').getValue();

 

blackStore.load({params:{'blacklist.number':number, 'blacklist.source':source}});//传递参数: blacklist.number , blacklist.source

}

       }]

   });

 

blackForm.render("blackListForm"); //将表单渲染到ID为blackListForm的div中