欢迎进入Wiki » FAQ » 如何使用 JQuery UI 的 dialog 控件来创建一个AJAX的窗口?

如何使用 JQuery UI 的 dialog 控件来创建一个AJAX的窗口?

在2013-11-18 14:50上被李小翔修改
评论 (0) · 附件 (0) · 记录 · 信息

供稿人:刁隆

有的时候我们需要弹出一个层来做一些操作,这时可以使用dialog,下面的代码就是一个使用dialog的例子:

functon showDialog() {
   // 根据ID创建/获得一个层:可以是已存在的div层,也可以不存在
   jquiGetDialog("dlgXXX").dialog({
        modal:true, autoOpen:false, title:"窗口的标题", width:350, resizable:false,
        buttons: {
           "提交": function() {
               // 点击提交按钮时执行的一些JS代码
           },
           "关闭": function() {
                $j(this).dialog("close");
            }
        },
        open: function() {
           // 当dialog打开时执行的JS代码
       }
    })
   // AJAX 加载某个后台action的html内容
   .load( "${createLink(action:'xxx')}", {xxx:xxx}, function(){
        dlg.dialog('open');
    });
}
在2013-11-18 14:48上被李小翔创建

Copyright © 2013 北京博瑞开源软件有限公司
京ICP备12048974号