如何在显示 jQuery UI Dialog 中,以 ajax 方式调入 dialog 中显示的内容呢?
一种格式是:
$("#myDialog").load( openUrl, postData ,
function (responseText, textStatus, XMLHttpRequest) {
$("#myDialog").dialog('open'); // 打开对话框
}
);
另一种 ajax 调用格式则是:
$.ajax({ type: "POST", url: openUrl , data: jsonPostData,
success: function(html,textStatus, XMLHttpRequest){
$("#myDialog").html(html).dialog('open');
}
});
其实,这只是jQuery 的 ajax 调用的两种方式,与 dialog 无关。
至于 dialog 的初始化工作,则需要在之前进行,比如:
jqDialog.dialog({
bgiframe: true,
autoOpen: false,
resizable: false,
width:650, Height:500,
modal: true,
overlay: { backgroundColor: '#000', opacity: 0.5 },
close: function() { ... },
open: function() { ... },
buttons: {
'选定当前记录': function() {... },
'取消': function() {
$(this).dialog('close');
}
}
});
可参考:
jquery-ui dialog with ajax how to avoid a common error
JQuery.UI Dialog & $().load() & JavaScript
分享到:
相关推荐
jq ui dialog 示例jq ui dialog 示例漂亮哦.可以比美EXT哦.喜欢的同学们快来
jQuery UI dialog 的使用 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框。 详情内容可以参考文档
NULL 博文链接:https://wufan0023.iteye.com/blog/1446334
NULL 博文链接:https://taotie119.iteye.com/blog/2075536
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
jQuery_UI全教程之一_dialog以及Datepicker使用说明 jQuery UI全教程之一(dialog的使用教程) 2011-03-15 17:41 jQuery UI目前的版本已经更新到了1.8.7。个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可...
里面是经过修改的jquery.ui.dialog.js(版本jQuery UI Dialog 1.8.12),添加了parentElement: 'body',详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body
Jquery UI dialog 详解 (弹出层) 包含jquery弹出层的详细介绍,以及代码用例
JQuery UI 的对话框的一些属性的用法
WEBUI--Dialog
dialog库,可以在任意类内调用,子线程或ui线程内均可显示
添加按钮弹出层jqueryui实现,dialog
jQuery_UI全教程之一(dialog的使用教程)
里面包含用UGUI制作对话框UI的预设体和代码,用来管理游戏中大量存在的弹框,处理之间的层级关系和触控屏蔽等操作
Vue自定义指令实现Vue + Element-ui Dialog组件可多拽
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
一个浮动的窗口,包含标题和内容两部分。可以移动,调整大小,以及关闭图标'×'。如果内容长度超过了对话框内容区域的显示,则会自动出现滚动条。除此之外,还有一些常用的选项,如:添加底部按钮栏、模式窗口屏蔽层...
Android技术知识点:如何改造过时的DialogUI组件
JQuery.UI.Dialog的封装,方便开发时的使用,供大家一起共同分享学习。
主要介绍了element-ui中dialog弹窗关闭按钮失效的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧