easyUI的combogrid怎么才能实现前端实时搜索y？

问题描述

问 题

easyUI怎么实现前端实时搜索，对着案例写了不行 ，网上的方法也就看了

query: function(q) {  
                                //动态搜索    
                                $('#apparatus_name').combogrid("grid").datagrid("reload", { 'keyword': q });  
                                $('#apparatus_name').combogrid("setValue", q);  
                            } , 
                            

 query: function (keywords) {     //【动态搜索】处理  
                 //设置查询参数          
                var queryParams = $('#apparatus_name').combogrid("grid").datagrid('options').queryParams;    
                     
                queryParams.keyword = keywords;   
                $('#apparatus_name').combogrid("grid").datagrid('options').queryParams = queryParams;  
                 //重新加载  
                 $('#apparatus_name').combogrid("grid").datagrid("reload");  
    
                 $('#apparatus_name').combogrid("setValue", keywords);  

这里怎样实现实时搜索 根据搜索内容实时变化

请用过的大佬指导 万分感谢

解决方案

这个好办，给input框加个change监听事件，当input的内容改变是，自动取input中的内容combogrid("grid").datagrid("reload")；不过你需要考虑数据量的问题，不要数据量太大了，不然会影响你的交互性能！

这篇关于easyUI的combogrid怎么才能实现前端实时搜索y？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！