jquery - jqGrid自定义错误提示框

Question

我想覆盖 jqgrid 的默认错误消息框。当您单击导航栏上的编辑按钮但未选择行时，jqgrid 将触发错误消息框（“请选择行”），在我看来，不够醒目。

有什么方法可以替换它，以便我可以使用我自己的花哨的消息框功能？

Answer 1

您可以使用以下alerttext选项navGrid：

$("#list").jqGrid('navGrid', '#pager',
    {alerttext: "Please, select row before to click on the button!!!"});

您可以使用$.jgrid.nav更改页面上所有网格上的文本

$.extend($.jgrid.nav, {
    alerttext: "Please, select row before to click on the button!!!"
});

Answer 2

我有一个调用删除按钮的函数：

    function deleteItemFromGrid() {
        //set the grid so we don't have to search the DOM multiple times
        var grid = $('#GridName');

        //ensure a row is selected
        var selectedRow = grid.jqGrid('getGridParam', 'selrow');
        if (selectedRow) {
            idRowData = grid.jqGrid('getRowData', selectedRow)

            grid.jqGrid('delGridRow', selectedRow, { url: '/Controller/DeleteAction', reloadAfterSubmit: true,
                delData: idRowData
            }); //grid
        } //if
        else {
            showFancyErrorDialogFunction();
        } //else 

    } 

Answer 3

您应该能够使用 setGridParam 覆盖事件处理程序

像这样的东西：

jQuery("#grid").jqGrid('setGridParam',{ 
    yourClickFunction: function() { alert('my over written event'); }
});

请参阅文档： http ://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods