儿时精神

摘要： 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') 获取当前行所有主键集合 阅读全文