jq-Grid 能折叠的表格
2024-09-08 18:44:23
有一个需求是需要用
jq-Grid
展示一个可以折叠的表格,并且要求在页面初始化的时候就将表格折叠起来,我看了一下文档可以给列表增加toolbar: [true, "top"]
,caption:"标题"
,可以实现,需要每次点击页面之后列表默认是展开的
gridComplete: function () {
$("#newjqGrid").closest("#gview_newjqGrid").css({"overflow-x": "hidden"})
$("#newjqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
if ($("span.ui-jqgrid-headlink").hasClass("glyphicon-circle-arrow-up")) {
$("span.ui-jqgrid-headlink").removeClass("glyphicon-circle-arrow-up").addClass("glyphicon-circle-arrow-down")
}
},
通过改变类名后,列表第一次会折叠,第二次失效,于是我又想到给元素添加点击事件,
gridComplete: function () {
$("#newjqGrid").closest("#gview_newjqGrid").css({"overflow-x": "hidden"})
$("#newjqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
if ($("span.ui-jqgrid-headlink").hasClass("glyphicon-circle-arrow-up")) {
$("span.ui-jqgrid-headlink").trigger("click")
}
},
这样还是达不到预期的效果,我在想是不是发生冒泡,所以没达到预期的效果,于是在if判断里面加了 return false 仍然达不到效果,于是我在切换元素类名的时候同时触发点击事件,最终达到预期的效果
gridComplete: function () {
$("#newjqGrid").closest("#gview_newjqGrid").css({"overflow-x": "hidden"})
$("#newjqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
if ($("span.ui-jqgrid-headlink").hasClass("glyphicon-circle-arrow-up")) {
$("span.ui-jqgrid-headlink").removeClass("glyphicon-circle-arrow-up").addClass("glyphicon-circle-arrow-down")
$("span.ui-jqgrid-headlink").trigger("click")
return false
}
},
最新文章
- [转]CAP原理与最终一致性 强一致性 透析
- crontab 系列
- UITextView实现placeHolder方法汇总
- linux 模块加载
- Haskell 笔记 ③
- Apache使用简介
- easyUI dialog 弹窗 居中显示
- [Android Exception A] – 1-The following classes could not be instantiated
- leetcode — flatten-binary-tree-to-linked-list
- 用Python爬取";王者农药";英雄皮肤
- Hdoj 1548.A strange lift 题解
- PHP编译安装时常见错误解决办法
- Running Median POJ - 3784 (对顶堆/优先队列 | 链表)
- 应用栈解决迷宫问题的C语言实现
- Apache poi 使用经验分享
- Windows版Mycat结合mysql安装配置+水平切分(转载)
- 很靠谱linux常用命令
- Java基础知识:Java实现Map集合二级联动4
- 第192天:js---Date对象属性和方法总结
- 并发编程 - 进程 - 1.互斥锁/2.模拟抢票/3.互斥锁与join区别