在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
});
}
}
代码如下:
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; }
相关文章推荐
- easyui------显示隐藏列功能
- 如何使用jquery easyui创建标签组件
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- jquery实现触发时更新下拉列表内容的方法
- 基于ASP.NET+easyUI框架实现图片上传功能(表单)
- 基于jquery中children()与find()的区别介绍
- Jquery组件easyUi实现表单验证示例
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- EasyUI中在表单提交之前进行验证
- 轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
- 基于jQuery实现网页打印功能
- jQuery Easyui 验证两次密码输入是否相等
- EasyUI在表单提交之前进行验证的实例代码
- easyui window refresh 刷新两次的解决方法(推荐)
- ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统之前端页面框架构建源码分享