您的位置:首页 > 产品设计 > UI/UE

easyui searchbox

2015-07-26 17:35 344 查看
<div id = "toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="del()">删除文章</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit()">编辑文章</a>
<div id = "search"style="display:inline;padding-top:17px;">
<input id = "searchbox" disable = "true" class = "easyui-searchbox" data-options = "prompt:'请输入查询内容'" searcher = "dosearch">
<div id = "mm"></div>
</div>
</div>


$(function(){
//返回列字段
var fields = $("#tt").datagrid('getColumnFields');
for(var i = 0;i < fields.length;i++){
//返回特定的列属性。
var column = $("#tt").datagrid('getColumnOption', fields[i]);
var muti = "<div name= '"+ fields[i] +"' >"+ column.title + "</div>";
//不断添加 <div>
$("#mm").html($("#mm").html()+muti);
}
$("#searchbox").searchbox({
menu:"#mm"
})
});

function dosearch(value,name){
$("#tt").datagrid('load',{
"key":name,
"value":value
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: