Question

easyui datagrid toolbar 如何用代码添加

如： 如何添加个input 或者select

Answer 1

{
	iconCls: 'icon-help',
	text : '搜索:<input type="text"></input>',
	handler: function(){
		//
	}
}

不会很复杂,直接在text里面返回一个input标签就好了

最终效果如图:

Answer 2

在html中可以这样写，加上datagrid-toolbar的样式即可
<div class="datagrid-toolbar">
<input></input>
<select></select>

</div>

这样就跟工具栏的样式一样的了

Answer 3

js 中添加 直接在定义datagrid 的时候加上 toolbar 属性

toolbar: ["-", {
id: '',
text: '',
iconCls: '',
handler: function () {}
}, "-", {
id: '',
text: '',
iconCls: '',
handler: function () { }
}, "-", {
id: '',
text: '',
iconCls: '',
handler: function () { }
}, "-"]

第二种方法是在页面些个div 在里面可以放入 按钮 输入框 搜索框 之类的 并且给这个div 设置一个 id 然后再定义 datagrid 的地方写 toolbar:"#div的id"

追问

能在js代码中添加不能，或者用div的样式如何写

追答

不需要再js种添加 input

按钮

js

$("#list").datagrid({
....参数,其他,
toolbar:"#toolbar" // 这里是工具条div的id

});

追问

我就是想知道能那样作不能

追答

你如果想自定义样式，第二种方法是可以的。 至于直接在 js 里 写 html 试试喽。