jqueryjqgrid.当使用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);
分享到:
相关推荐
JQuery插件 jqGrid常用属性说明
。
。
jqGrid案例,经典搜索,异步,里面包括添加、删除、修改等日常操作,此程序是我用codeIgnite(CI)框架程序,压缩包内还有数据库文件,下载下来直接修改数据库配置文件即可预览,功能很强大,是php程序,希望下载者注意
一般的,一个jqGrid的基本属性有一下几个常用的。 代码如下: $(“#id”).jqGrid({ url: “”, datatype: “local”, postData: { strJson: Data }, mtype: “post”, height: 45, width: 450, rowNum: rum, //每页的...
jqGrid表格数据修改删除代码是一款jQuery基于jqGrid表格插件制作项目名称序号表格数据操作。
很全面的UI框架,多种颜色,包括前后台,bootstrap,集成多种常用jquery插件,jqgrid datatable select2 ichecker 等
5.常用示例 邮件、短信、打印、电子签章等常用功能示例; 前后端使用技术: •1、前端技术 •JS框架:jquery-2.1.1、Bootstrap.js、JQuery UI •CSS框架:Bootstrap v3.3.4(稳定是后台,UI方面根据需求自己...
常用类封装,日志、缓存、验证、字典、文件、邮件、,Excel。等等,目前兼容浏览器(IE8+、Chrome、Firefox、360浏览器等) 8、适用范围:可以开发 OA、ERP、BPM、CRM、WMS、TMS、MIS、BI、电商平台后台、物流管理...
更多Spring Boot实战项目可以关注十三的另一个代码仓库 ,该仓库中主要是Spring Boot的入门学习教程以及一些常用的Spring Boot实战项目教程,包括Spring Boot使用的各种示例代码,同时也包括一些实战项目的项目源码...