摘要：有时，我们需要批量修改或填写一些相似的数据。可以以jqgrid表来显示，可能的效果如下： 选中触发行编辑参考：jqgrid 单击行启用行编辑，切换行保存原编辑行 本文主要说说验证和异步保存上一条数据的，以下是我项目中的内容，为了做记录留存，没有进行精简处理，感兴趣可以大致阅读下。 我的思路是： 1） 阅读全文

摘要：转载至：jqgrid的editrules参数 以下为内容留存记录。 editrules editrules是用来设置一些可用于可编辑列的colModel的额外属性的。大多数的时候是用来在提交到服务器之前验证用户的输入合法性的。比如editrules:{edithidden:true, require 阅读全文

摘要：有时，我们需要在基于jqgrid表格编辑行的单元格做规范验证。jqgrid提供有支持，通过设置字段的editrules属性来约束格式。 约束方式： 1、内置的约束参数 （required: true, number:true ...），详细参考：jqgrid editrules参数说明 2、自定义函 阅读全文

摘要：上篇jqgrid 单击行启用行编辑，切换行保存原编辑行 本篇，说说使用jqgrid自带的行编辑 1）设置需要编辑的列 editable: true colModel: [ { label: '字段编码', name: 'FieldCode', key: true, width: 180, edita 阅读全文

摘要：为了加速表格互动编辑，我们往往希望通过选中行就触发了行编辑，完成行编辑后，再选中另一个行做编辑，同时上一个编辑行被自动保存，直至完成需要的编辑内容。 页面效果可能如下： 1）设置需要编辑的列 editable: true 参考如下： colModel: [ { label: '字段编码', name 阅读全文

摘要：有时，我们需要设置jqgrid表格按某个列排序，或则按多个列组合排序。如何实现？ 1）设置可以排序的列 sortable: true 2）设置 multiSort: true 启用组合排序 注意事项： 如果是用jqgrid自带的排序功能，则只能实现对当前页面的内容排序。 而我们往往是需要将整个表格数 阅读全文

摘要：有时，我们想把jqgrid的行号按指定的宽度显示出来，如何实现？ 通过 rownumbers:true 设置启用行号 通过 rownumWidth 配置行号列的宽度 阅读全文

摘要：如何配置分页大小的下拉项？显示效果如下： 通过 rowNum 来设置默认分页大小 通过 rowList 来设置分页下拉。 rowList 的值为一个数组，比如：[10,20,30] 阅读全文

摘要：有时，我们不想在底部显示分页信息，而是通过用户滚动鼠标，当鼠标滚到到底自动加载下一页数据，再滚动再加载直至数据全部加载完毕。如何配置？ 设置 scroll:true emptyrecords用于在滚动到数据全部加载完毕后的提示 emptyrecords:"已经到底了" 如果配置为滚动分页，则可以不用 阅读全文

摘要：当jqgrid所在操作区宽度大于了给各列设置宽度之和时，此时表格的宽度未铺满操作区，效果不理想 此时，可以通过配置宽带自适应来现实表格内容自动铺满。 配置属性 shrinkToFit:ture 若要启动冻结列，则需要将shrinkToFit值设置为false。否则，冻结失效 阅读全文

摘要：multiboxonly属性值为布尔值。 false：点击行时，同时选中改行的复选框，支持多行选中 true：点击行时，只将点击的行处理为选中状态，切换其他行时，原选中行的选中效果被取消 （永远只有一行被选中。如果选中多行，需要去直接点击各行最前面的复选框） 截图效果如下： 阅读全文

摘要：往往我们需要给显示的jqgrid表格赋予事件功能，比如：列头事件、行事件、内容事件。需要的效果可能如下： 如你所见，以上的超链接和按钮均是绑定的事件。那分别如何实现这些事件的绑定呢？ 一、行事件 行事件：在每个行头部或尾部的事件。一般用于放置‘编辑’或“删除”按钮 在jqgrid中，行事件所在的列实 阅读全文

摘要：除了在表格底部添加自定义按钮外，还可以通过设置右键菜单按钮来添加自定义事件。看下图： 如何实现以上功能？ 1）引入ContextMenu插件 2）创建一个函数用于初始化右键菜单（本示例取名为 initGridMenu ） 3）把initGridMenu方法名赋值给jqgrid的 gridComple 阅读全文

摘要：编辑行：$("#jqGrid").jqGrid('editRow', rowKey); 删除行：$("#jqGrid").delGridRow(rowKey); 新增行：$("#jqGrid").addRowData(rowId, {}, rowInd);//新增一个空行 保存行：$("#jqGri 阅读全文

摘要：如何获取选中行的主键集合呢？ 使用 getGridParam(selarrrow) 方法可获取所有选中行的主键集合。 注意：此处的主键集合是指-设置为主键的列（key: true）。再次提醒：一个jqgrid只能设置一个主键列 显示值如下： 设置其他列为主键： 阅读全文

摘要：如何获取jqgrid所有数据？ 通过 getRowData() 方法获得当前行数据 通过 jqGrid('getDataIDs') 获取当前行所有主键集合 阅读全文

摘要：给jqgrid启用键盘操作，代码如下： 启动后，比如可以使用上下键 ‘行选中’ 切换 阅读全文

摘要：有时，jqgrid表格的列非常多，而表格的宽度值是固定的，我们需要在表格底部出现滚动条，并且固定前面几个列作为数据参照项，如何实现？ 需要用的jqgrid冻结列，步骤如下： 1）设置需要冻结的列属性，frozen: ture //ture：启用冻结 2）将设置了冻结的列放置在字段集合的前面部分（一定 阅读全文

摘要：有时，我们需要给jqgrid设置多表头信息，多表头区域会有行合并/列合并，如何实现？ 1）通过jqgrid的 setGroupHeaders 方法来实现一个行的多表头， 2）如果有多行表头，需要设置多个 setGroupHeaders 方法 3）多行表头时，设置的 setGroupHeaders 方 阅读全文

摘要：由于，我们是动态分页，分页后的数据是在触发分页后动态加载而来。如何使jqgrid清空原数据而加载新数据？ 1）调用jqgrid的 clearGridData 方法清空表格数据 2）调用jqgrid的 setGridParam 方法，传入需要的变量及url参数 3）新数据获得后，通过触发器 trigg 阅读全文