jqgrid 点击列头的超链接或按钮时，不触发列排序事件

接上篇文章：jqgrid 将列头设置为超链接或按钮

如果在列头设置了超链接或按钮，在点击超链接或按钮时会触发列的排序事件。

原由：点击超链接/按钮会触发排序的冒泡事件

解决方法：点击超链接/按钮时，阻止冒泡

    $("#jqGrid").jqGrid({gridComplete: function () {$("#jqGrid .ui-row-ltr:first").focus();//加载完数据滚动条置顶//终止表列头事件冒泡$.each(document.getElementsByName("hrefLike"), function () {this.addEventListener('click', function (e) {e.stopPropagation();}, false);});           }});

hrefLike为设置的超链接<a>或按钮<button>的name名，可根据自己项目自行设置或通过其他方式获取或设置名称. 参考以下代码：

<a name='hrefLike' href='javascript:void(0)'  onclick='clickone()'>one</a>

转载于:https://www.cnblogs.com/senyier/p/7308319.html

jqgrid 点击列头的超链接或按钮时，不触发列排序事件相关推荐

pandas读取excel带汉字的列头_Pandas在读取csv时如何设置列名--常用方法集锦
今天来整理下如何在读CSV的时候正确处理列名. csv文件自带列标题原始数据是有列标的,用excel打开是这样的: Screen Shot 2018-08-30 at 8.20.36 PM.png ...
easyexcel 列头合并_Easyexcel使用文档及动态列的实现
Java解析.生成Excel比较有名的框架有Apache poi.jxl.但他们都存在一个严重的问题就是非常的耗内存,poi有一套SAX模式的API可以一定程度的解决一些内存溢出的问题,但POI还是有 ...
更简单的方法实现el-calendar日历组件中点击上个月、今天、下个月按钮时的点击事件
网上查el-calendar相关的按钮点击事件文章,清一色都是在mounted挂载阶段通过document.querySelector绑定类名添加点击事件. 我想说为啥要弄得这么麻烦?el-calen ...
数据中心小母线与列头柜供配电系统的综合比较
数据中心小母线系统是数据中心末端母线供配电系统的俗称.数据中心小母线只是相对于变电站低压出线母线或传统大型建筑物中主干低压母线单条母线容量较小而已.文中介绍了小母线系统与列头柜形式供配电系统的技术性能 ...
安科瑞配电列头柜产品XXX数据中心案例分享
安科瑞耿敏花 [摘要]介绍了安科瑞配电列头柜在某大型数据中心的应用情况,展示了安科瑞配电列头柜在数据中心机房末端配电的应用可能性. [关键词]数据中心:智能监控系统:列头柜:多回路监控: ...
霍尔电流传感器在直流列头柜的应用
摘要:数据中心供电电源质量的好坏直接影响到IT设备的安全运行,因此对数据中心直流列头柜电源进出线实行监测非常重要,而通过霍尔电流传感器可以采集主进线电流.多路支路直流电流和漏电流. 关键词:数据中心: ...
如何有效对直流列头柜进行监测
安科瑞华楠摘要:数据中心供电电源质量的好坏直接影响到IT设备的安全运行,因此对数据中心直流列头柜电源进出线实行监测非常重要,而通过霍尔电流传感器可以采集主进线电流.多路支路直流电流和漏电流. 关键 ...
[WPF]ListView点击列头排序功能实现
[WPF]ListView点击列头排序功能实现这是一个非常常见的功能,要求也很简单,在Column Header上显示一个小三角表示表示现在是在哪个Header上的正序还是倒序就可以了.微软的MSD ...
当点击ListView的列头时，对ListView排序
1.创建一个新的C#项目,窗体Form1会被默认创建. 2.向窗体添加一个ListView控件, 3.在Form1.cs中添加下面的代码: private ListViewColumnSorter l ...
wpf中ListView控件点击列头排序功能实现（超简洁实用）
.xaml文件中的主要代码 <ListView Name="lvMeasureData" GridViewColumnHeader.Click="Sort_Clic ...

jqgrid 点击列头的超链接或按钮时，不触发列排序事件

jqgrid 点击列头的超链接或按钮时，不触发列排序事件相关推荐

最新文章

热门文章