首页 / EASYUI / Easyui comboxgrid弹出窗增加搜索功能

Easyui comboxgrid弹出窗增加搜索功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Easyui comboxgrid弹出窗增加搜索功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2087字，纯文字阅读大概需要3分钟。

内容图文

技术分享图片
效果如上图所示
                <
                input 
                id
                ="q_item"
                 name
                ="q_item"
                 style
                ="width:200px"
                  toolbar
                =‘#tb1‘  
                class
                ="easyui-combogrid"
                >
                <
                div 
                id
                ="tb1"
                 style
                ="width:100%"
                >
                <
                input 
                class
                ="easyui-searchbox"
                 data-options
                ="prompt:‘项目名称模糊搜索‘,searcher:doSearchqitem"
                 style
                ="width:100%"
                >
                </
                div
                >
            

            
function doSearchqitem(value){
        	
            getQData(value);
        }
        
        var getQData = function (itemname) {
        	var options = $("#q_item" ).combogrid("grid").datagrid("getPager" ).data("pagination" ).options
            var page = options.pageNumber;
        	var rows = options.pageSize;
            $.ajax({
                type: "POST",
                url: "<%=basePath%>mgr/item/getitempagejsonbypcode",
                data: ‘pcode=‘ + $("#q_unit").combobox(‘getValue‘)+‘&year=‘+$("#q_yearsel").combobox(‘getValue‘)+‘&itemname=‘+itemname, 
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                    $.messager.progress(‘close‘);
                },
                success: function (data) {
                	var result = eval( ‘(‘ + data + ‘)‘ );	
                    $(‘#q_item‘).combogrid(‘grid‘).datagrid(‘loadData‘, result);//{ ‘total‘:‘30‘,‘rows‘:[{"id":1,"unit":"研发部","name":"郑州电网","year":"2017"}]});//{‘id‘:1,‘unit‘:2323,‘name‘:1212,‘year‘:‘2017‘}] });
                }
            });
        };
        //q_Item加载项目
 		function fillqItemCombogrid(qitemobj,unit,year,itemname)
 		{
 			qitemobj.combogrid({    
                panelWidth:350,  
                panelHeight:400,    
                idField:‘id‘, //ID字段    
                textField:‘name‘, //显示的字段    
                url:‘<%=basePath%>mgr/item/getitempagejsonbypcode?pcode=‘ + unit+‘&year=‘+year+‘&itemname=‘+itemname,  
                fitColumns: true,    
                striped: true,    
                editable:true,    
                pagination : true,//是否分页    
                rownumbers:true,//序号    
                collapsible:false,//是否可折叠的    
                //fit: true,//自动大小    
                pageSize: 10,//每页显示的记录条数，默认为10    
                pageList: [10,20,30],//可以设置每页记录条数的列表    
                method:‘post‘, 
                toolbar:‘#tb1‘,     
                columns:[[    
                    {field:‘name‘,title:‘项目名称‘,width:100},
                    {field:‘unit‘,title:‘所属单位‘,width:100},
                    {field:‘year‘,title:‘项目年代‘,width:100}
                ]],  
                keyHandler: {  
                    up: function() {},  
                    down: function() {},  
                    enter: function() {},  
                    query: function(q) {  alert(q);
                        //动态搜索  
                    	qitemobj.combogrid("grid").datagrid("reload", { ‘keyword‘: q });  
                    	qitemobj.combogrid("setValue", q);  
                    }  
                }  
            });  
}

原文：http://www.cnblogs.com/zhaogaojian/p/8051413.html

内容总结

以上是互联网集市为您收集整理的Easyui comboxgrid弹出窗增加搜索功能全部内容，希望文章能够帮你解决Easyui comboxgrid弹出窗增加搜索功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1130667.html

来源：【匿名】