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