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);  

clipboard.png

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

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

阅读 5k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题