Question

easyui datagrid toolbar搜索框

第一次搜索以后我加上去的搜索框就消失了~~
代码：
<div id="dlg-toolbar" style="padding:4px 0">
<table cellpadding="0" cellspacing="0" style="width:100%">
<tr>
<td style="text-align:right;padding-right:2px">
商品名称：
</td>
<td >
<input type="text" name="key_word" id="key_word" />
</td>
<td>
<a href="javascript:easySeach();" class="easyui-linkbutton" iconcls="icon-search">搜索</a>
</td>
</tr>
</table>
</div>
加载方法：
onLoadSuccess: function () {
var grid = $(".datagrid-toolbar"); //datagrid
var dlg = $("#dlg-toolbar");
dlg.attr("style", "float:right");
grid.append(dlg);
}

Answer 1

你的问题是datagrid中toolbar，你这里只贴出了toolbar的代码，datagrid的toolbar可以拼接div上去，你是不是没有拼接上去？？

追问

用下面的onLoadSuccess: function ()加上去的啊

追答

你这样不对的，你这是在加载事件里面加，执行一次就没了，toolbar是datagrid的一个属性，你在datagrid初始化的时候加上去，这样就不会出现你说的情况了

追问

那能即用代码加载的用有div中附加的不能~

追答

什么意思？

追问

就是 使用
toolbar:[{
text: '刷 新',
iconCls: 'icon-reload',
handler: function () {
orderContainer.datagrid('reload');
}
}
这样先定义些在用div 给加上去一部分

追答

可以的，你给div加一个id比如tt,然后toolbar:'#tt'就可以了

追问

代码如何写 就是
toolbar:[{
text: '刷 新',
iconCls: 'icon-reload',
handler: function () {
orderContainer.datagrid('reload');
}
] 然后呢直接在加

toolbar:"#tt"tangram_guid_1357285384339????

追答

不是的，就是先全部在div里面写好一个页面，然后toolbar:'#tt'
$('datagrid').datagrid({
列:....,
toolbar:'#tt'
})这样子总明白了