转自:http://alfoo.iteye.com/blog/628528
当使用jqgrid来做数据表格控件时,如果搜索不到数据,是没有提示的。现在我们有一个需求就是如果当没有搜索到符合条件的数据时,需要在界面上提示。查了一下jqgrid的api,使用loadComplete事件可以满足这个要求。以下是相关代码:
Javascript代码
loadComplete: function(xhr) {
var rowNum = parseInt($(this).getGridParam("records"), 10);
if (rowNum <= 0) {
alert("没有符合条件的记录!");
}
}
1. 如何获取grid选中的行的ID?
Javascript代码
1. var rowid = $("#searchResultList").getGridParam("selrow");
var rowid = $("#searchResultList").getGridParam("selrow");
2. 如何在表格中动态增加一行数据?
Javascript代码
1. //$("#jqgrid").addRowData(rowId, data, pos, idx);
2. //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
3. $("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");
//$("#jqgrid").addRowData(rowId, data, pos, idx);
//pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
$("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");
3. 如何动态修改某行的数据内容,如某几列的值?
Javascript代码
1. //setRowData( rowid, data );
2. $("#jqgrid").setRowData( "1", { tax:"5", total:"205" });
//setRowData( rowid, data );
$("#jqgrid").setRowData( "1", { tax:"5", total:"205" });
4. jqgrid的常用属性?
Javascript代码
1. $("#jqgrid").jqGrid({
2. url:"${ctx}/sys/role/search.dm",
3. colNames:["角色名称"],//,"角色代码"
4. colModel:["roleName"],//"roleCode" 还可以用对象替换
5. jsonReader:{id:"roleId",root:"dataList"},
6. width:240,
7. height:250,
8. rowNum:20,//每页20条记录
9. pager: "logListPager",// 分页显示的DIVID
10. sortname: "actionTime",// 默认排序的列名
11. sortorder: "desc",//默认排序的顺序
12. scroll:true,//鼠标滚动翻页
13. onSelectRow: function(rowid) {}
14. });
$("#jqgrid").jqGrid({
url:"${ctx}/sys/role/search.dm",
colNames:["角色名称"],//,"角色代码"
colModel:["roleName"],//"roleCode"还可以用对象替换
jsonReader:{id:"roleId",root:"dataList"},
width:240,
height:250,
rowNum:20,//每页20条记录
pager: "logListPager",//分页显示的DIVID
sortname: "actionTime",//默认排序的列名
sortorder: "desc",//默认排序的顺序
scroll:true,//鼠标滚动翻页
onSelectRow: function(rowid) {}
});
5. 获取某一行的数据对象?
Javascript代码
1. var rowid = $("#searchResultList").getGridParam("selrow");
2. var rowData = $("#searchResultList").getRowData(rowid);
var rowid = $("#searchResultList").getGridParam("selrow");
var rowData = $("#searchResultList").getRowData(rowid);
6. 如何使用API动态修改选中的行?
Javascript代码
1. //true:重新加载表格数据, false:不重新加载表格数据
2. $("#jqGrid").setSelection("1", true);
//true:重新加载表格数据, false:不重新加载表格数据
$("#jqGrid").setSelection("1", true);
还有以下常用的API,
Javascript 代码
1. $("#jqgrid").resetSelection();
2. $("#jqgrid").clearGridData();
3. $("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/showrock/archive/2010/06/07/5652242.aspx
分享到:
相关推荐
jqgrid总结sssssssssssssssssssssssssssss
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jqGrid 学习 原理 2 jqGrid 学习之 皮肤 2 jqGrid 学习 2 jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 ...
jqgrid
主要是我自己做的jqgrid有源码还有心的体会
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqgrid中文文档API,使用JQGRID
JqGrid插件+JqGridDemo+JqGrid主题,自己项目里引入的文件
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
jquery.jqgrid
jqGrid5.5 学习
jQgrid+demo
jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0jqgrid4.0
jqgrid实现分组显示和统计的功能,jqgrid实现分组显示和统计
jqGrid demo
jqGrid_API中文
jqgrid 的帮助文档 jqGrid属性
jqGrid 最新版 3.7.2 离线帮助手册,方便各位查看 Installing jqGrid Before you begin System Requirements Download jqGrid Change Log How to Install How it Works My First Grid Basic Grid Conventions ...
jqgrid jqgrid 增删查改 添加toolbar 不保存到数据库 artdialog 弹出框
jqGrid 中的锁定固定的列并且关于jqGrid 中的一些排序的实现细节