jqGrid警告对话框

时间:2012-08-14 20:07:12

标签: jquery jqgrid

我在jqGrid上有一些自定义工具栏按钮。其中一个依赖于选择的行,就像内置的编辑和删除按钮一样。当用户点击它而没有选择任何行时,我希望向用户显示与内置编辑或删除按钮一起呈现的相同警告对话框。也就是说,我想重用网格使用的对话框:

警告 请选择行

知道网格显示警报的位置吗?

谢谢, 斯科特

3 个答案:

答案 0 :(得分:8)

我认为代码可能如下所示

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

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

其中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,
        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演示代码。它显示消息

enter image description here

每次点击"Click me!"按钮时。

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

答案 1 :(得分:2)

我刚试过Oleg以下的解决方案而且它不适合我。
做一些调试我意识到$("#"+alertIDs.themodal).html()未定义&#39;对我来说,奥列格提出的if案例并没有正常运作。

我改变了这个:

if ($("#"+alertIDs.themodal).html() === null) {

进入这个:

if ($("#"+alertIDs.themodal).html() === null || $("#"+alertIDs.themodal).html() === undefined) {

现在工作正常。

答案 2 :(得分:-1)

  package com.example.adam.snookerproject;

  import android.content.Intent;
  import android.support.v7.app.AppCompatActivity;
  import android.os.Bundle;
  import android.widget.TextView;

  public class GameLog extends AppCompatActivity {
    private TextView GameLogText;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_game_log);

       GameLogText = (TextView) findViewById(R.id.GameLogText);

       //get your log here using AppConstants.log
   }
  }

对我来说效果很好!