easyui datagrid toolbar 添加搜索框

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

把列名稍加轉換放入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里邊