JQuery关于dialog的一些总结

1、在使用JqGrid的editrules属性，如果出错，会自带弹出提示对话框，但是这个对话框没有 dialog的model模式，本打算给这个自带的dialog添加一个modal属性，但没有得到结果，现在用另一种方式，使弹出的提示对话框带有Modal，即隐藏自带的弹出框，重新给出一个消息框。

2、我们在页面上使用dialog，很容易出现一个问题：就是第二次打开tab页面，点击相应的地方，dialog不出现了，在后台调试出现如下错误：

Uncaught Error: cannot call methods on dialog prior toinitialization; attempted to call method 'open'

起初定义对话框如下：

  jsp

   

dialog

 js

  $(function(){

     initDialog();//初始化对话框

   })

 functioninitDialog(){

  $(function(){

     $("#dialogInstance").dialog({

       model:true,

       autoOpen:false,

      })

  })

}

使用的时候： $("#dialogInstance").dialog("open")

这样做，会导致上述问题

解决方法：

给定义的对话框赋一个名字

vardialogIns；

   functioninitDialog(){

  $(function(){

   dialogIns= $("#dialogInstance").dialog({

       model:true,

       autoOpen:false,

      })

  })

}

使用的时候调用：dialogIns.dialog("open")

3、解决自带对话框没有使用modal属性的问题

每一次弹出自定义对话框都会进入如下函数：

$(document).on("focus","#info_dialog",function(){

    varerrormessage=$("#infocnt").text();//这一句是取得对话框的错误信息

   $("#info_dialog").hide();//隐藏自带的消息框，从谷歌浏览器的调试窗口可以看到，自带                        //的弹出框的id=info_dialog

   dialogIns.html(errormessage);//修改对话框的提示内容

  dialogIns.dialog("open")//调用我们自己定义的对话框

})

4、介绍一下自定义对话框：

  $dialog=$("")

       .html("create dialogdynamically")//只是对话框的提示信息

       .dialog({

        title:"Message",

        model:true,

        //设置dialog的属性

        })