easyui datagrid toolbar 添加搜索框

摘要：

事实上，这很简单。单独创建一个div，并将该菜单用作数据网格的菜单。用法是：toolbar=“#dlg toolbar”具体示例在演示中的dialog.html中

最近用到了就研究了下，效果 

把列名稍加转换放入menubtton，对于单项搜索来说还是非常方便的

var fields =  $('#tt').datagrid('getColumnFields');

for(var i=0; i<fields.length; i++){

var opts = $('#tt').datagrid('getColumnOption', fields[i]);  

var muit = "<div name='"+  fields[i] +"'>"+ opts.title +"</div>";

$('#mm').html($('#mm').html()+muit);

}

$('.searchbox ').appendTo('.datagrid-toolbar');

$('#sss').appendTo('.datagrid-toolbar');

$('#sss').searchbox({  

menu:'#mm'

});  

 

代码就这么多，本来想把demo传进来的，但是没找到附件上传的位置， 就只能这样了

 

 

家里用的是IE9操作都正常，今天在公司里测试下了ie8，不能获取选定的值，但是启用兼容模式显示正常，估计是easyui的bug吧

 

 

上周做一个例子时才发现，原来1.2.4版本里边有一个菜单的例子，可能还没有这个费事。其实很简单，单独建一个div，把菜单作为datagrid的菜单来使用，使用方法为：toolbar="#dlg-toolbar"

具体例子在demo里的dialog.html里边

标签：#datagrid#toolbar | 浏览：245 | 发布日期：2023-02-26

免责声明：文章转载自《easyui datagrid toolbar 添加搜索框》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇Shiro权限管理框架（四）：深入分析Shiro中的Session管理C# 虚拟键盘核心方法 Tech下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=