儿时精神

摘要： 自定义 cloneObj 方法 阅读全文

摘要： 有时，我们有一个json对象的数组集合，如何按指定对象属性来进行排序？ 阅读全文

摘要： 这里整理了几个产生随机数的方法： 1、generateUUID() //获取一个唯一数 function generateUUID() { var d = new Date().getTime(); var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'. 阅读全文

摘要： multiple-select是一款优秀的下拉菜单控件，能够支持单选和多选。 详细参考文档： JS组件系列——两种bootstrap multiselect组件大比拼 multiple-select 本项目通过使用控件multiple-select实现动态创建单选和多选下拉控件 这里做个小说明：一开 阅读全文

摘要： 有时，我们需要设置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 阅读全文

摘要： 有时，我们给jqgrid绑定的远端数据获取失败，此时，需要把错误信息反馈给用户展示，如何实现？ 可通过jqgrid的 loadError 来处理错误数据的返回。详细如下： 以上错误的正确返回还需要一个前提：url 端的 TbQueryList 方法能拦截错误信息，并通过throw 统一抛出错误信息。 阅读全文