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名，可根据自己项目自行设置或通过其他方式获取或设置名称. 参考以下代码：