给easyui-datagrid的toolbar自定义一个动态查询条件的搜索框

第一部分  案例一：以各列为查询条件，查询条件可切换

1.首先在HTML部分写一个searchbox,代码如下：

<div id="searchOptionTb">
  <input id="searchOptionbox"  style="width:260px"></input>
  <div id="menuOption" style="width:100px">
</div> </div>

2.将searchbox 添加至toolbar，代码如下：

toolbar:[
					{
						id : 'btnAdd',
						text : '添加备选',
						iconCls : 'icon-ok',
						handler : function (){
							addSystem(); }
					},'-', {  
			            text: document.getElementById('searchOptionTb').innerHTML,
			        } ]

3.在datagrid 初始化的时候，配置相关属性：

$(function