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裏邊