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

时间:2023-11-09 21:49:44

接上篇文章: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>