I am facing a problem, when i add a toolbar to datagrid which includes textboxes i can't select the textbox.
Please see the below image and code.
<input id="cc" class="easyui-combo"></input>
<div id="tb" style="padding:2px 5px;">
Search on:
<select class="easyui-combobox" panelHeight="auto" style="width:100px">
<option value="id">Item ID</option>
<option value="prod">Product</option>
<option value="attr">Attribute</option>
<option value="status">Status</option>
</select>
Search: <input class="easyui-textbox" style="width:110px"></input>
<a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a>
</div>
var cc = $('#cc').combo({
editable:true, panelWidth: 500
});
var dg = $('<table></table>').appendTo($('#cc').combo('panel'));
dg.datagrid({
columns: [[
{field:'itemid',title:'Item ID',width:80},
{field:'productname',title:'Product',width:120},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:200},
{field:'status',title:'Status',width:60,align:'center'}
]],
url: 'datagrid_data1.json',
toolbar:'#tb',
height:'100%',
width:'100%',
fitColumns: true,
singleSelect:true,
onDblClickRow: function(index,row){
cc.combo('setValue', row.itemid).combo('setText',row.productname);
cc.combo('hidePanel')
}
});