我在正确使用 jqGrid 的列选择器插件/小部件的关闭对话框事件时遇到一些问题。这就是我所拥有的 - 我从 jqGrid 初始化开始,最后附加了列选择器,如下所示
ticketsTable = tableWrap.jqGrid({
url: ... ,
datatype: ... ,
...
loadComplete: function(d) {
...
}
})
.navGrid('#ticketsList_footer', {edit:false, add:false, del:false, cloneToTop:true})
.navButtonAdd('#ticketsList_toppager', {
caption: "Columns",
title: "Reorder Columns",
id: "colButton",
onClickButton: function(){ ticketsTable.jqGrid('columnChooser'); }
});
然后,在 loadComplete 函数(上面)中,我找到该对话框并将警报附加到其关闭事件,如下所示。
$('#colButton').click(function(e){
setTimeout(function(){
log($( ".ui-dialog" ).length);
$( ".ui-dialog" ).bind( "dialogclose", function(event, ui) {
log('close dialog event captured!');
});
}, 500);
});
出于某种原因,只有当我通过角落里的“x”按钮关闭对话框时,才会出现警报。当我单击“确定”或“取消”时,没有任何警报。我错过了什么?
顺便说一句,我这样做的原因是我需要在对话框关闭后更新表格的大小(setGridWidth)以调整添加/删除的列。也许有更优雅的方法来做到这一点?
最佳答案
您可以使用以下代码
tableWrap.jqGrid (
'navButtonAdd',
'#pager',
{
caption: "", buttonicon: "ui-icon-calculator", title: "choose columns",
onClickButton: function() {
tableWrap.jqGrid('columnChooser', {
done: function(perm) {
if (perm) {
tableWrap.jqGrid("remapColumns", perm, true);
alert("The column chooser closed with 'OK' button");
} else {
alert("The column chooser closed with 'Cancel' button");
}
}
}
);
}
});
参见the demo
关于jquery-ui - 如何将 jqGrid 的 "close dialog"的事件正确附加到 "columns chooser"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6996602/