jqGrid 警告对话框 [英] jqGrid warning dialog

问题描述

我在 jqGrid 上有一些自定义工具栏按钮.其中一个取决于选择的行，就像内置的编辑和删除按钮一样.当用户在未选择任何行的情况下单击它时，我希望向用户显示来自内置编辑或删除按钮的相同警告对话框.也就是说，我想重用网格使用的对话框:

警告请选择行

知道网格从哪里显示警报吗?

谢谢，斯科特

解决方案

我认为代码可能如下所示

var alertIDs = {themodal: 'alertmod', modalhead: 'alerthd', modalcontent: 'alertcnt'};$.jgrid.viewModal("#" + alertIDs.themodal,{gbox: "#gbox_" + $.jgrid.jqID(this.p.id), jqm: true});$("#jqg_alrt").focus();

where this.p.id(或$.jgrid.jqID(this.p.id))可以替换为网格的id.为了更确定警报工作，我建议您使用更长的代码

var alertIDs = {themodal:'alertmod',modalhead:'alerthd',modalcontent:'alertcnt'};if ($("#"+alertIDs.themodal).html() === null) {$.jgrid.createModal(alertIDs,"<div>""+$.jgrid.nav.alerttext+"</div><span tabindex='0'><span tabindex='-1' id='jqg_alrt'></span></span>",{gbox:"#gbox_"+$.jgrid.jqID(this.p.id),jqModal:true,drag:true,resize:true,标题:$.jgrid.nav.alertcap，顶部:100，左侧:100，宽度:200，高度:'auto'，closeOnEscape:true，zIndex: null},"","",true);}$.jgrid.viewModal("#"+alertIDs.themodal,{gbox:"#gbox_"+$.jgrid.jqID(this.p.id),jqm:true});$("#jqg_alrt").focus();

包含如何使用上述对话框的信息 免费 jqGrid.它描述了许多选项.最简单的版本只包含一个简单的调用this.modalAlert();.它显示相同的警报对话框，free jqGrid 在内部显示.

I have some custom toolbar buttons on a jqGrid. One of them is dependent on a row being selected, just like the built in edit and delete buttons. When the user clicks on it with no row selected, I want the user to be presented with the same warning dialog they are presented with from the built in Edit or Delete buttons. That is, I want to reuse the dialog that the grid uses that says:

Warning Please, select row

Any idea where the grid displays the alert from?

Thanks, Scott

解决方案

I think that the code could looks like the following

var alertIDs = {themodal: 'alertmod', modalhead: 'alerthd', modalcontent: 'alertcnt'};

$.jgrid.viewModal("#" + alertIDs.themodal,
    {gbox: "#gbox_" + $.jgrid.jqID(this.p.id), jqm: true});
$("#jqg_alrt").focus();

where this.p.id (or $.jgrid.jqID(this.p.id)) can be replaced to the id of the grid. To be more sure that the alert work I do recommend you to use more long code

var alertIDs = {themodal:'alertmod',modalhead:'alerthd',modalcontent:'alertcnt'};
if ($("#"+alertIDs.themodal).html() === null) {
    $.jgrid.createModal(alertIDs,"<div>"+$.jgrid.nav.alerttext+
        "</div><span tabindex='0'><span tabindex='-1' id='jqg_alrt'></span></span>",
        {gbox:"#gbox_"+$.jgrid.jqID(this.p.id),jqModal:true,drag:true,resize:true,
        caption:$.jgrid.nav.alertcap,
        top:100,left:100,width:200,height: 'auto',closeOnEscape:true,
        zIndex: null},"","",true);
}
$.jgrid.viewModal("#"+alertIDs.themodal,
    {gbox:"#gbox_"+$.jgrid.jqID(this.p.id),jqm:true});
$("#jqg_alrt").focus();

The demo demonstrate the code. It displays the message

every time when you click on the "Click me!" button.

UPDATED: The answer contains the information how one can use the above dialog in free jqGrid. It describes many option. The simplest version contains only one simple call this.modalAlert();. It displays the same alert dialog, which free jqGrid displays internally.

这篇关于jqGrid 警告对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！