jqGrid使用总结

太过爱你忘了你带给我的痛 2022-06-18 06:43 114阅读 0赞

1. 如何获取grid选中的行的ID？

var rowid = $("#searchResultList").getGridParam("selrow");

2. 如何在表格中动态增加一行数据？

//$("#jqgrid").addRowData(rowId, data, pos, idx);
    //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
    $("#jqgrid").addRowData("1", {"name":"test","age":12}, "first");

3. 如何动态修改某行的数据内容，如某几列的值？

//setRowData( rowid, data );
    $("#jqgrid").setRowData( "1", { tax:"5", total:"205" });

4. jqgrid的常用属性？

$("#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. 获取某一行的数据对象？

var rowid = $("#searchResultList").getGridParam("selrow");
    var rowData = $("#searchResultList").getRowData(rowid);

6. 如何使用API动态修改选中的行？

//true:重新加载表格数据, false:不重新加载表格数据
    $("#jqGrid").setSelection("1", true);

7. 还有以下常用的API，

$("#jqgrid").resetSelection();
    $("#jqgrid").clearGridData();
    $("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);

发表评论取消回复

表情：

评论列表（有 0 条评论，114人围观）

还没有评论，来说两句吧...

相关阅读

相关 jqGrid使用方法

jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。文档比较全面，其官方网址为：[http://www

拼搏现实的明天。/ 2022年09月10日 03:13/ 0 赞/ 174 阅读

相关 jqgrid使用步骤及说明

jqGrid 是一个用来显示网格数据的jQuery插件，可以动态的对数据网格的数据进行添加、删除、修改、查询、排序、拖拽等操作，数据源可以是json、xml 官网下载地

Love The Way You Lie/ 2022年08月27日 14:54/ 0 赞/ 145 阅读

相关 jqgrid

[http://www.trirand.com/blog/jqgrid/jqgrid.html][http_www.trirand.com_blog_jqgrid_jqgrid

墨蓝/ 2022年08月07日 02:54/ 0 赞/ 190 阅读

相关 jqGrid使用记录总结

jqGrid使用记录总结 > 表格应该也是最常用的控件之一了，尽管BootStrap提供了表格，但是只能用于静态数据；要实现查询检索等操作还是要借助其他表格插件的，这里我

骑猪看日落/ 2022年07月29日 11:51/ 0 赞/ 91 阅读

相关【JqGrid】JqGrid使用后台分页+查询条件+排序

最近做项目时要用到jqGrid,先学习了一下jqGrid的使用方法，现总结如下，先从基本的说起： 1、数据显示： jqGrid可以解析的数据有很多种，如xml、js

比眉伴天荒/ 2022年07月14日 06:20/ 0 赞/ 631 阅读

相关 jqGrid使用总结

1. 如何获取grid选中的行的ID？ var rowid = $("searchResultList").getGridParam("selrow"); 2. 如

太过爱你忘了你带给我的痛/ 2022年06月18日 06:43/ 0 赞/ 115 阅读

相关 jqGrid 项目总结

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <t

拼搏现实的明天。/ 2022年06月18日 04:45/ 0 赞/ 125 阅读

相关 jqGrid使用总结

1. 如何获取grid选中的行的ID？ var rowid = $("searchResultList").getGridParam("selrow"); 2. 如

傷城~/ 2022年04月17日 06:16/ 0 赞/ 128 阅读

相关 jqGrid入门使用

jqGrid的基本使用案例 jqGrid做什么基本使用步骤 1.在HTML页面中 2.在js中

た入场券/ 2021年09月27日 18:38/ 0 赞/ 296 阅读

相关 jqGrid基本语法及使用

一.介绍 (1).介绍首先对Jqgrid网格插件做个简要的说明。在众多的表格插件中，Jqgrid的特点是非常鲜明的。特点如下: 1.完整的表格呈

深藏阁楼爱情的钟/ 2021年09月16日 00:24/ 0 赞/ 578 阅读