EasyUI之combogrid实现手段输入动态搜索的下拉数据框

动态搜索是从整个相关数据库中检索,并不是当前数据框中数据 

	/**comboxGrid数据**/
			  $('#cg').combogrid({  
			        panelWidth: 360,  
			        idField: 'customer_no',        //ID字段    
			        textField: 'meter_no',    //显示的字段    
			        url: "<%=contextPath%>/totalPreviewController/getCustMeterInfo_noSecurity?id="+newValue,  
			        fitColumns: true,  
			        striped: true,  
			        editable: true,  
                                pageSize: 10,               //每页显示的记录条数,默认为10
                                pageList: [10, 5, 3],       //可以设置每页记录条数的列表
			        pagination: true,           //是否分页  
			        rownumbers: true,           //序号  
			        collapsible: false,         //是否可折叠的  
			       /*  fit: true, */                  //自动大小  
			        method: 'post',  
			        columns: [[  
			                    { field: 'customer_no', title: '户号', width: 170},  
			                    { field: 'customer_name', title: '户名', width: 120 },  
			                    { field: 'meter_no', title: '表号', width: 140 }  
			                ]],  
			        keyHandler: {  
			             
			            query: function (keyword) {     //【动态搜索】处理 
			                //设置查询参数  
			                var queryParams = $('#cg').combogrid("grid").datagrid('options').queryParams;  
			                queryParams.keyword = keyword;  
			                $('#cg').combogrid("grid").datagrid('options').queryParams = queryParams;  
			                //重新加载  
			                $('#cg').combogrid("grid").datagrid("reload");  
			   
			                $('#cg').combogrid("setValue", keyword);  
			                //将查询条件存入隐藏域  
			                $('#hdKeyword').val(keyword);  
			            }  
			        }
			    });  
			  
		  
			  
			    var getData = function (page, rows) {  
			        $.ajax({  
			            type: "POST",  
			            url: "<%=contextPath%>/totalPreviewController/getCustMeterInfo_noSecurity?id="+newValue,
			            data: "page=" + page + "&rows=" + rows + "&keyword=" + $('#hdKeyword').val(),  
			            error: function (XMLHttpRequest, textStatus, errorThrown) {  
			                alert(textStatus);  
			                $.messager.progress('close');  
			            },  
			            success: function (data) {  
			            	data = JSON.parse(data);
			                $('#cg').combogrid('grid').datagrid('loadData', data);  
			            }  
			        });  
			    }; 
			
			   }    

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值