论坛首页 Web前端技术论坛

使用extjs combobox遇到的问题

浏览 3428 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-07-17   最后修改:2009-07-17
在用combobox的是很遇到,如分页,自动填充,过滤等问题,解决后记录下来备份,
先上图

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条件
  • 大小: 27.3 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics