Question

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

Answer 1

工具栏你已经添加其他按钮了么，例如添加，删除，保存等等？如果有的话，你按照类似的格式，添加搜索框即可啊，例如

    <a href="#" id="m_btnadd">添加</a>    
    <a href="#" id="m_btnedit">修改</a>
    <a href="#" id="m_btndel">删除</a>    
    <a href="#" id="m_btnsave">确认</a>
    <a href="#" id="m_btnsearch">搜索</a>

$("#m_btnsearch").linkbutton({
    iconCls: "icon-search",
    plain:true
}).click(function(event) {
    // TO DO
});

Answer 2

<script>

//初始化datagrid
function InitGrid(queryData) {
$("#grid").datagrid({
url: "/Log/GetLogData",
......//进行一系列操作

queryParams: queryData, //datagrid实现搜索是通过该命令发送检索参数，后端通过request["txtkey"]得到搜索参数值，然后结合sql进行查询操作，最终返回数据显示
.......//进行一系列操作
});
}
function searchKey(){//点击执行函数
var quaryData = {
sea_key: $("#txtkey").val(),//获取文本框搜索值，封装到queryData数组
};
InitGrid(queryData);//执行带参数搜索命令
return ;//返回结果后结束脚本

}

</script>

html:
<div>
<input type="text" id="txtkey" />
<input type="button" id="btnsearch" value="search" onclick="searchKey()" />
</div>