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

在jq easyui 中添加本地搜索功能

2016-09-20 19:02 429 查看
本文介绍在easy ui 添加搜索框以后怎么通过搜索框的关键词来筛选数据

代码如下:

function do_search(){
var gjc=$('#searchtext').val(); //搜索关键词
if(gjc==""){
$('#table').datagrid({
data: getdata //当关键词为空时直接读取存储的data
});
}else{
var newdata=[];
for(var i=0;i<getdata.rows.length;i++){
str=transform(getdata.rows[i]).join(',');//将数据转换为字符串
row=str.indexOf(gjc);//返回字符中indexof(string)中字串string在父串中首次出现的位置
if(row>=0){
newdata.push(getdata.rows[i]);//满足条件色数据重新组合
}
}

$('#table').datagrid({
data: newdata
});
}

}
<span style="white-space:pre">	</span>//将对象转化为数组格式
function transform(obj){
var arr = [];
for(var item in obj){
arr.push(obj[item]);
}
return arr;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息