jqGrid使用
笑到世界都狼狈
我来到这个世上,就没打算活着回去
展开
-
JqGrid一些使用方法的总结
项目管理系统用的表格都是用JqGrid实现的,现在对项目中用到的功能进行总结,方便后续工作中使用时查看。1.获取选中行idvar ids=$("#macListTable").jqGrid("getGridParam",'selarrrow');//获取选中行id,得到的结果是一个数组var ids = $("#macListTable").jqGrid("getGridParam", 'selrow');//获取结果是行id,数字...原创 2021-06-11 16:29:29 · 987 阅读 · 2 评论 -
JqGrid表格当浏览器窗口发生变化时,表格的高度会发生变化《$(window).resize()多次执行》
可能是我的项目中有什么代码冲突,导致浏览器大小发生改变时,表格一会有高度一会没高度然后我用$(window).resize()设置了表格高度,但是没有用,方法如下:$(window).resize(function(){ $(".ui-jqgrid .ui-jqgrid-bdiv").css("height", 220);});然后又发现是因为$(window).resize()多次执行导致的,所以做了以下修改,这样表格高度就不会在浏览器大小发生变化时时有时无了/*** 浏览翻译 2021-02-26 11:34:17 · 571 阅读 · 0 评论 -
jqGrid拖动表头,表头thead部分和tbody部门的宽度不一致<拖动表头,tbody的宽度变小,没有对齐>
项目种有用到jqGrid,当表格列信息比较多的时候,头部的拖动效果还是蛮好的,但是存在一个bug,就是拖动之后表格主体部分的宽度会变化,导致thead和tbody部分在视觉上有很大的差距。效果如下图所示:修改方法:在源代码种找到dragEnd: function(a) {}进行修改,我是将dragEnd中的以下代码直接删掉了:$("table:first", this.bDiv).css("width", c.tblwidth + "px"), $("table:first", thi原创 2021-01-15 15:17:16 · 1130 阅读 · 0 评论 -
jqGrid分页点击事件,点击分页的时候滚动条回到顶端
首先分页的点击事件如下://点击分页onPaging: function () { //点击分页的时候,滚动条回到顶端 $(".ui-jqgrid-bdiv").animate({scrollTop:0},1000);},参照地址:点击分页:https://www.w3xue.com/exp/article/201810/3205.htmldiv滚动条回到顶部:https://www.cnblogs.com/chengkun101/p/4588092.html...翻译 2020-12-11 16:03:04 · 696 阅读 · 0 评论 -
jqgrid获取表格的行数(获取表格有多少行)
1.首先这是百度到的:https://blog.csdn.net/weixin_37627441/article/details/84788672下面有人说有用,有人说没用,我测试了,是真的没用,但是用最普通的标签获取长度也获取不到,最后突然想到是不是页面刚加载进去的时候,数据还没用放到jqgrid的表格中去,所以报着试探的心加了个延时器,还真拿到了,所以原博主的代码不是有问题,而是我们可能在用的时候缺失了某些条件。2.看看效果图:3.代码:setTimeout(function ()翻译 2020-11-18 16:42:31 · 2868 阅读 · 0 评论 -
jqgrid隐藏第一列复选框后,获取当前点击行的id
1.首先看一下需求,如下图:2.代码如下: /*** jqGridTable行点击事件 * */$("#onlineNumList").on("click", 'tr[role="row"]', function() {var clickId = $(this).attr("id"); console.log('点击行id',$(this).attr("id"))});...原创 2020-11-17 16:48:36 · 574 阅读 · 0 评论 -
jqGridTable用reloadJqGrid()刷新之后还停留在刷新之前的页面
项目中有用到jqGridTable,但是编辑之后用reloadJqGrid()重新加载之后,有分页的话,页面都会刷新到第一页,不会停留在当前页面。查看原插件函数,发现他有这样一段代码://这段代码是jquery.ex.jqgrid.js里面原来封装好的reloadJqGrid:function(postData){ if($(this).isJqGrid()){ if(!post...翻译 2020-04-28 19:19:06 · 3033 阅读 · 7 评论 -
将jqGrid复选框多选变成单选
首先看图:其次代码:multiselect: true,//将jqGridTable中默认的复选框改成单选效果multiboxonly:true,//将jqGridTable中默认的复选框改成单选效果beforeSelectRow:beforeSelectRow,//将jqGridTable中默认的复选框改成单选效果/** * 将jqGridTable中默认的复选框...翻译 2020-04-07 14:46:07 · 1380 阅读 · 0 评论 -
jqGrid自定义复选框或下拉列表后的选中事件
首先纪念一下,今天2020年4月4日,一个特殊的日子,全国都在降半旗,上午十点钟所有的车都停止鸣笛三分钟,警报响起,缅怀因新冠病毒而牺牲的医护人员以及因新冠而失去生命的普通百姓。今天本来是清明假期,但是早上睡不着觉,索性来公司加班,完成这个昨天没有搞定的jqGrid自定义复选框的问题。首先一张图描述一下我想要的效果:接下来看看代码是怎么实现的:差不多实现就是这样实现的,接...原创 2020-04-04 14:11:13 · 1818 阅读 · 0 评论 -
jqGrid自定义添加input或者其他标签
只要在colModel你要加的那一行加:formatter: operateTrunk再在外面写函数即可:function operateTrunk(el, options, rowData) { if (rowData.id !="default") { return "<input type='checkbox'>" } re...翻译 2020-04-03 14:13:13 · 1118 阅读 · 0 评论 -
jqGrid刷新后继续选中原来选中的,loadComplete,onSelectRow
应该是之前写项目的时候网上找的方法,现在有空整理一下onSelectRow: function (rowid, status) { // 当前选中行,用于页面调用reloadJqGrid刷新后,继续选中之前选中的 sid = rowid;},//页面调用reloadJqGrid刷新后,继续选中之前选中的loadComplete:function () { if ...原创 2020-04-03 13:53:10 · 1252 阅读 · 4 评论 -
jqGrid表格中的第一列复选框的显示与隐藏
关于显示和隐藏,只要加上下面代码就可以了。multiselect: false,//不显示每一列前面的复选框原创 2020-04-03 13:35:00 · 2800 阅读 · 7 评论