JQuery easyUi dataGrid工具栏怎么添加搜索输入框

2025-03-12 00:40:51

推荐回答（1个）

回答1：

JQuery easyUi dataGrid工具栏添加搜索输入框的方法：

1、使用tab，在每个tab上面都有一个datagrid，这样easyui给所有datagrid的toolbar生成的dom的class，所以用prependTo()会给所有的toolbar都加上要生成的dom。通过style来指定要prepend的toolbar，代码如下：

//tab初始化完毕之后

$("
标题:
").prependTo("#tabs .panel[style='display: block;'] .datagrid-toolbar");

$('#sTitle').searchbox({

width : 180,

searcher : doSearch,

prompt : '请输入标题'

});

function doSearch() {

$("#grid").datagrid("load", {

"sTitle" : $("#sTitle").val()

});

}

2、效果如下图：

JQuery easyUi dataGrid工具栏 怎么添加搜索输入框