用jQuery UI替换showModalDialog,最好的方法是什么?

时间:2018-04-25 03:33:29

标签: javascript jquery forms jquery-ui modal-dialog

我是javascript和jQuery UI的新手。目前,我必须修复和改进以前的开发人员的代码。

这是页面应该如何工作:使用showModalDialog,将弹出一个包含表单的模式对话框。从子页面传递到父页面有一些值。此外,还会从数据库中显示一些值。简而言之,此弹出对话框用于搜索从数据库中检索到的任何项目。

我想找到showModalDialog的替代品,因为它已被弃用。我在jQuery UI上搜索并阅读了一些信息来替换showModalDialog。但是,在我开始之前,我想知道将编码中的所有相关部分更改为jQuery UI的最佳方法,或者我只能在代码中更改某些部分。哪个最好?

代码:

function openWindow(win,address,curStatus){

var page = address;
var row = line;
var result = win.showModalDialog(page, selectedMaterial, "dialogHeight:400px;dialogWidth:700px;");
if (result == 'reload'){
  //do something
}else if (result==true){
  //do something
}else{
  //do something
}

}

如果需要进一步说明,请告诉我。谢谢!

1 个答案:

答案 0 :(得分:0)

目前Jquery UI不是最好的解决方案,最好使用更强大的框架,如ext.js或kendo ui,但如果你想使用jquery ui很简单,但据我所知它不会返回值在退出。您可以通过单击提交或退出按钮来模拟此行为,或者收听类似此事件的关闭事件。

*$( "address" ).dialog({
     beforeClose: function( event, ui ) {}
   });*