使用jqGrid中遇到的小问题

最新推荐文章于 2018-05-04 17:59:47 发布
最新推荐文章于 2018-05-04 17:59:47 发布
阅读量187 收藏
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lpl_lpl_123/article/details/78084380
版权

在使用jqGrid的时候，在列表页，鼠标点击哪一行，则哪一行的背景颜色则会加深。但是，今天在使用的时候，发现不管用鼠标点击哪一行，都是列表的最后一行数据颜色加深，而当前选中的数据的背景颜色则没有改变，这是怎么回事呢？惊讶

后来百度了下，发现原因应该是没有设置主键列或者主键重复了闭嘴

然后我试着增加一个主键列，如下所示：


然后，问题解决偷笑

lpl_lpl_123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jqGrid的使用
spring_ev的博客
08-22 707
1. 环境搭建 <!--引入样式文件--> <link rel="stylesheet" href="/statics/boot/css/bootstrap.css" type="text/css"> <link rel="stylesheet" href="/statics/jqgrid/css/trirand/ui.jqgrid-boots...
关于JqGrid控件中的subgrid 在操作后刷新
wkj_dlz的博客
04-02 1041
 multiselect: false,                subGrid: true,                subGridRowExpanded: function (subgrid_id, row_id) {//展开时做子表格                    $subTable = $("#" + subgrid_table_id);                ...
jqGrid使用过程中的一些问题及解决(持续更新中)
hfhan的博客
05-04 6661
前言 在使用JQuery进行项目开发的时候，我们多会使用表格进行数据的展示，这时候我们就需要一款好的表格插件。这一块上比较出名的也就是bootstrap-table，datatables以及jqgrid了，但是在使用中发现bootstrap-table和datatables的问题是真的不少，所以最后就选择了jqgrid，虽然也有问题，但不及bootstrap-table和datatables那么...
jgGrid获得的id值是主键的id而不是jqGrid的行号值
热门推荐
tarataotao的专栏
09-05 1万+
{name:'cityId',index:'cityId',sorttype:'int',width:0,hidden:true,key:true},一定要将你的主键值的的key设置为true,这样在使 用时var ids=$('#cityInforList').jqGrid('getDataIDs');获得所选行的id值，这样你获得的id才是你要获得的数据的id而不是 jqGrid的行号。
解决vue中无法动态修改jqgrid组件 url地址的问题
08-27
在Vue.js应用中，我们经常会遇到需要动态更新组件配置的需求，特别是在使用第三方库或插件时，如jqGrid。jqGrid是一个功能强大的表格插件，它允许我们在网页上展示大量数据并提供各种操作功能。然而，在Vue环境中，...
jqGrid5.5 版本
03-26
10. 文档和示例：jqGrid拥有详尽的文档和丰富的示例代码，帮助开发者快速上手并解决遇到的问题。 总的来说，jqGrid5.5版本是一个功能全面且高度可定制的数据网格解决方案，适合开发复杂的Web应用程序，特别是在处理...
jqGrid翻页时数据选中丢失问题的解决办法
08-31
在使用jqGrid处理异步加载服务器数据的场景时，可能会遇到一个问题：当用户在表格中选中一些记录后翻页，再回到原来的页面，之前选中的记录会丢失，无法进行批量操作，比如批量删除。这是因为每次翻页或执行搜索时，...
jqgrid demo
05-17
2. 文档：中文文档可以帮助开发者理解jqGrid的API和功能，解决在开发过程中遇到的问题。 3. CSS和JS文件：jqGrid的核心库和样式文件，用于在网页中引入和初始化jqGrid。 4. 图像资源：包含必要的图标和其他图形资源...
jQuery Impromptu 使用中遇到的小问题。
牵挂著你是那颗我的心 飘呀飘地在你面前捉摸不定 牵挂著你是那份我的情 吹呀吹到你的眼前我的心 我不愿看到你那湿润的眼睛 怕我会忍不住疼你怕你伤心 我不愿听见你说寂寞的声音 怕我会忍不自你说我的真感情
07-14 1879
 $.prompt(  Example 2,   top:30,  { buttons: { Ok: true, Cancel: false }}); 有一次用户想调整一下，弹出层的显示位置，以前一直没有这样做过。查了一下官方网站，居然真有这样一个参数：就是toptop Distance from the top of the screen the prompt wil
jqgrid 主键列的设定
weixin_34092455的博客
08-08 781
1、如果需要对jqgrid表格数据有互动操作，需要设定主键列。 2、主键列的作用为：在进行jqgrid表格数据交互(编辑、新增、删除行)时，是通过主键列的值来作为引导值来的。 3、注意：不要给一个jqgrid指定多个主键列。 4、主键列指定方式，指定colModel属性值中的某个label属性：key: true colModel: [ { label:...
jquery.gritter 提示
lpl_lpl_123的博客
10-09 4531
首先引入css和js文件 assets/css/jquery.gritter.min.css" /> assets/js/jquery.gritter.min.js"> $.gritter.add({ title: '提示', text: "工号还未填写", class_name: 'gritter-info gritter-center gritter-light',
带搜索功能的下拉框
lpl_lpl_123的博客
10-09 993
assets/font-awesome/4.2.0/css/font-awesome.min.css" /> assets/css/chosen.min.css" /> assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" /> assets/js/jquery.min.js"> assets/js/boo
trim()在IE8和谷歌浏览器中的不同
lpl_lpl_123的博客
09-19 395
trim()的用法
营销策划 -2024非遗大展预热引流策划方案.pptx
最新发布
07-13
营销策划 -2024非遗大展预热引流策划方案.pptx
培训课件 -LEC风险评价法.pptx
07-13
培训课件 -LEC风险评价法.pptx
Jqgrid中文使用手册
06-02
以下是JqGrid中文使用手册，希望对你有所帮助： 1. JqGrid的基本配置 ``` $("#grid").jqGrid({ url: "data.json", //数据来源 datatype: "json", //数据格式，可以是json、xml等 mtype: "GET", //请求方式，可以是GET或POST colNames: ["名称", "价格", "库存"], //表头名称 colModel: [ //表头字段配置 {name:"name",index:"name",width:100,sortable:true}, {name:"price",index:"price",width:100,sortable:true}, {name:"stock",index:"stock",width:100,sortable:true} ], rowNum:10, //每页显示行数 rowList:[10,20,30], //每页显示行数选项 pager: "#pager", //分页控件 sortname: "name", //初始排序字段 sortorder: "asc", //初始排序方式 viewrecords: true, //显示总记录数 caption: "商品列表" //表格标题 }); ``` 2. JqGrid的分页配置 ``` $("#grid").jqGrid({ ... pager: "#pager", //分页控件 rowNum:10, //每页显示行数 rowList:[10,20,30], //每页显示行数选项 recordtext: "共 {2} 条记录，当前显示 {0} 到 {1} 条", //记录统计文本 pgtext : "第 {0} 页，共 {1} 页", //分页文本 ... }); ``` 3. JqGrid的数据格式化 ``` $("#grid").jqGrid({ ... colModel: [ {name:"name",index:"name",width:100,sortable:true}, {name:"price",index:"price",width:100,sortable:true,formatter:"currency",formatoptions:{thousandsSeparator:",",decimalSeparator:".",decimalPlaces:2,prefix:"￥"}}, {name:"stock",index:"stock",width:100,sortable:true,formatter:"integer"} ], ... }); ``` 其中，formatter参数用于指定数据格式化函数，formatoptions参数用于指定格式化选项。 4. JqGrid的搜索配置 ``` $("#grid").jqGrid({ ... filterToolbar: true, //显示搜索工具栏 searchOperators: true, //显示搜索运算符 searchOnEnter: false, //回车时是否提交搜索 postData: { //默认搜索参数 searchField: "name", searchString: "", searchOper: "eq" }, ... }); ``` 5. JqGrid的事件监听 ``` $("#grid").jqGrid({ ... onCellSelect: function(rowid, iCol, cellcontent, e) { //单元格点击事件 alert("单元格被点击了"); }, onSelectRow: function(rowid, status) { //行选中事件 alert("行被选中了"); }, ... }); ``` 以上是JqGrid中文使用手册的部分内容，更多详细信息可以参考JqGrid官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值