jquery - 使用Jqgrid中的viewModal函数发出警报消息

Question

我正在尝试使用 jqgrid 和自定义导航来实现简单的警报消息。按钮。我想做的就是当单击按钮时，如果没有选择任何行，它会显示一条警报(就像已经工作的默认按钮一样)。

这是代码:

  onClickButton : function () { 


                    var line = $('#grid-list').jqGrid('getGridParam', 'selrow');
                    var grid = $('#grid-list');
                    var grid_id = grid[0].id;

                    if ( !line ) {
                        $.jgrid.viewModal("#alertmod",{gbox:"#gbox_"+grid_id,jqm:true});
                        $("#jqg_alrt").focus();
                    }
                    else {

有什么建议吗？非常感谢。

Answer 1

代码中的主要错误是使用 "#alertmod" 而不是 "#alertmod_grid-list"，其中 grid-list是网格的 id。

The demo演示固定代码。它使用以下onClickButton回调代码:

onClickButton: function () {
    var idSelector = "#alertmod_" + this.p.id;
    $.jgrid.viewModal(idSelector, {
        gbox: "#gbox_" + $.jgrid.jqID(this.p.id),
        jqm: true
    });
    $(idSelector).position({
        of: "#" + $.jgrid.jqID(this.p.id),
        at: "center",
        my: "center"
    });
    $(idSelector).find(".ui-jqdialog-titlebar-close").focus();
}

在上面的代码中，我另外更改了警告的位置并更改了焦点，以便可以通过按 Enter 键关闭该框(如 the answer 中所述)。