自动过滤显示用combox--Extjs
在用combobox的是很遇到,如分页,自动填充,过滤等问题,解决后记录下来备份, 先上图 Java代码 Ext.onReady(function(){ var pageSize=2; start = 0; var store = new Ext.data.Store({ //autoLoad:true,//自动加载 proxy: new Ext.data.HttpProxy({ url:'adOwner/adOwnerMsgForm.action', method:'POST' }), //解析数组 reader: new Ext.data.JsonReader({ //总记录数 totalProperty: 'totalCount', root: 'adOwnerResult' }, ['value','name'] ) }); store.load({params:{start:start,limit:pageSize}}); var siteMsg = new Ext.form.ComboBox({ //默认过滤参数名为query store : store, hiddenName:'selectAdId', //提交传过去的值 emptyText : "请选择", mode : 'remote', //设置为local,则加载的本地数据 autoHeight :true, typeAheadDelay:1000,//默认延时查询250 triggerAction : 'all', //每次下拉均显示全部选项 valueField : 'value', //下拉框显示信息对应的值 displayField : 'name', //下拉框显示信息 loadingText : '正在加载信息', selectOnFocus : true, //用户不能自己输入,只能选择列表中有的记录 border : true, //frame : true, resizable : true,// typeAhead:false, //防止自动填充,有的地方说的延时查询 listWidth:200,//下拉框的宽度,200显示是不完整的 minChars:1, //设置填充几个字节就去查一次,默认为4个字节 pageSize:pageSize//注意这句,combobox自带了分页,当totalCount大于pageSize的时候会自动添加分页工具栏 siteMsg.render("mydiv"); }); Ext.onReady(function(){ var pageSize=2; start = 0; var store = new Ext.data.Store({ //autoLoad:true,//自动加载 proxy: new Ext.data.HttpProxy({ url:'adOwner/adOwnerMsgForm.action', method:'POST' }), //解析数组 reader: new Ext.data.JsonReader({ //总记录数 totalProperty: 'totalCount', root: 'adOwnerResult' }, ['value','name'] ) }); store.load({params:{start:start,limit:pageSize}}); var siteMsg = new Ext.form.ComboBox({ //默认过滤参数名为query store : store, hiddenName:'selectAdId', //提交传过去的值 emptyText : "请选择", mode : 'remote', //设置为local,则加载的本地数据 autoHeight :true, typeAheadDelay:1000,//默认延时查询250 triggerAction : 'all', //每次下拉均显示全部选项 valueField : 'value', //下拉框显示信息对应的值 displayField : 'name', //下拉框显示信息 loadingText : '正在加载信息', selectOnFocus : true, //用户不能自己输入,只能选择列表中有的记录 border : true, //frame : true, resizable : true,// typeAhead:false, //防止自动填充,有的地方说的延时查询 listWidth:200,//下拉框的宽度,200显示是不完整的 minChars:1, //设置填充几个字节就去查一次,默认为4个字节 pageSize:pageSize//注意这句,combobox自带了分页,当totalCount大于pageSize的时候会自动添加分页工具栏 siteMsg.render("mydiv"); }); 还有就是输入条件后自动过滤,默认传参query,不用设置,当然自己设置参数进行传递queryParam:String也可以,然后在Action里面查询时添加query条件
var fuzeren_store = new gsl.JsonCmbStore({ type : 'zerenRen' }) fuzeren_store.load(); var fuzeren_cmb = new gsl.ComboBox({ // queryParam:'param', // minChars:1, fieldLabel : '人', allowBlank : false, readOnly : false, editable : true, forceSelection:true, mode : 'local', triggerAction : 'all', width : 90, dataIndex : 'fuZeRen', name : 'query.fuZeRen', hiddenName : 'query.fuZeRen', store :fuzeren_store });