jqgrid使用:常用属性用法和含义
2011-10-31 20:47
316 查看
http://trirand.com/blog/jqgrid/jqgrid.html
http://www.360doc.com/content/11/0106/16/2588264_84483941.shtml http://blog.sina.com.cn/s/blog_573a052b0100k43q.html http://blog.whiledo.com/archives/351/comment-page-9
jqgrid使用:常用属性用法和含义
1. 如何获取grid选中的行的ID?
Javascript代码
var rowid = $("#searchResultList").getGridParam("selrow");
2. 如何在表格中动态增加一行数据?
Javascript代码
//$("#jqgrid").addRowData(rowId, data, pos, idx);
//pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
$("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");
3. 如何动态修改某行的数据内容,如某几列的值?
Javascript代码
//setRowData( rowid, data );
$("#jqgrid").setRowData( "1", { tax:"5", total:"205" });
4. jqgrid的常用属性?
Javascript代码
$("#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代码
var rowid = $("#searchResultList").getGridParam("selrow");
var rowData = $("#searchResultList").getRowData(rowid);
6. 如何使用API动态修改选中的行?
Javascript代码
//true:重新加载表格数据, false:不重新加载表格数据
$("#jqGrid").setSelection("1", true);
7.如何获取某一列的值
Javascript代码
var col=jQuery("#jqGrid").jqGrid('getCol',4,false);//获取第4列的值
var col=jQuery("#jqGrid").jqGrid('getCol','name',false);//获取列名为name的列的值
8.如何删除一行或多行
var selectedId = $("#gridTable").jqGrid("getGridParam","selrow");
$("#gridTable").jqGrid('delRowData', selectedId);
还有以下常用的API,
Javascript代码
$("#jqgrid").resetSelection();
$("#jqgrid").clearGridData();
$("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);
http://www.360doc.com/content/11/0106/16/2588264_84483941.shtml http://blog.sina.com.cn/s/blog_573a052b0100k43q.html http://blog.whiledo.com/archives/351/comment-page-9
jqgrid使用:常用属性用法和含义
1. 如何获取grid选中的行的ID?
Javascript代码
var rowid = $("#searchResultList").getGridParam("selrow");
2. 如何在表格中动态增加一行数据?
Javascript代码
//$("#jqgrid").addRowData(rowId, data, pos, idx);
//pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
$("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");
3. 如何动态修改某行的数据内容,如某几列的值?
Javascript代码
//setRowData( rowid, data );
$("#jqgrid").setRowData( "1", { tax:"5", total:"205" });
4. jqgrid的常用属性?
Javascript代码
$("#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代码
var rowid = $("#searchResultList").getGridParam("selrow");
var rowData = $("#searchResultList").getRowData(rowid);
6. 如何使用API动态修改选中的行?
Javascript代码
//true:重新加载表格数据, false:不重新加载表格数据
$("#jqGrid").setSelection("1", true);
7.如何获取某一列的值
Javascript代码
var col=jQuery("#jqGrid").jqGrid('getCol',4,false);//获取第4列的值
var col=jQuery("#jqGrid").jqGrid('getCol','name',false);//获取列名为name的列的值
8.如何删除一行或多行
var selectedId = $("#gridTable").jqGrid("getGridParam","selrow");
$("#gridTable").jqGrid('delRowData', selectedId);
还有以下常用的API,
Javascript代码
$("#jqgrid").resetSelection();
$("#jqgrid").clearGridData();
$("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);
相关文章推荐
- jqgrid使用:常用属性用法和含义
- jqgrid使用:常用属性用法和含义
- RelativeLayout常用属性的含义及其使用总结
- [全文下载/试读]补充,上集Ch. 3 -- Panel控件与常用属性,范例:问卷系统,动态产生「子问题」(使用障眼法)
- 二、TestDriven.Net常用属性介绍及使用
- c# winform comboBox的常用一些属性和用法
- GridView使用常用属性设置
- ajax 快速入门,ajax底层使用的五个步骤;XMLHttpRequest对象详解;XMLHttpRequest常用属性;XMLHttpRequest常用方法
- thymeleaf在工作中常用的属性及表达式使用详解(二)
- ExtJS 常用组件属性 及使用方法
- Spcomm使用属性及用法详解
- 深入解析HTML5使用SVG图像时的viewBox属性用法
- iOS UILabel 用法常用属性
- linux系统使用之find命令常用用法集锦
- Java中对类中的属性使用set/get方法的意义和用法
- 常见的四种布局使用及其中常用控件属性
- 教程-Delphi中Spcomm使用属性及用法详解
- UITextField常用属性、代理方法-使用详解+示例
- UIScrollView常用属性使用
- jqGrid使用setColProp方法动态改变列属性