如何使用 JQuery UI 的 dialog 控件来创建一个AJAX的窗口?
李小翔
2013-11-18 14:50

内容列表

供稿人：刁隆
有的时候我们需要弹出一个层来做一些操作，这时可以使用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’);
    } );
} 
JQuery UI dialog 详解 (中文) 属性，事件，方法
官方网站