jquery easyui dialog 在iframe 标记的使用。可在dialog 里打开一个页

r囧r小猫 2022-08-04 10:47 184阅读 0赞

jquery easyui dialog可以两种方式使用  
1)定义div,使用iframe

)定义div,使用iframe  
<div id="openRoleDiv" class="easyui-window" closed="true" modal="true" title="标题" style="width:500px;height:350px;">  
       <iframe scrolling="auto" id='openXXXIframe' frameborder="0"   src="" style="width:100%;height:100%;"></iframe>  
</div>  
需要显示dialog时使用以下2行即可

$('\#openXXXIframe')\[0\].src='xxxEdit.action';  
$('\#openRoleDiv').dialog('open');  
  
2)不使用iframe(请参见easyui的demo)

Dialog Content.

$(function()\{  
$('\#dd').dialog(\{  
toolbar:\[\{  
text:'Add',  
iconCls:'icon-add',  
handler:function()\{  
alert('add')  
\}  
\},'-',\{  
text:'Save',  
iconCls:'icon-save',  
handler:function()\{  
alert('save')  
\}  
\}\],  
buttons:\[\{  
text:'Ok',  
iconCls:'icon-ok',  
handler:function()\{  
alert('ok');  
\}  
\},\{  
text:'Cancel',  
handler:function()\{  
$('\#dd').dialog('close');  
\}  
\}\]  
\});  
\});  
打开用$('\#dd').dialog('open');  
  
dialog方法和属性的使用  
a)setTitle修改dialog的标题$('\#xxxDivId').dialog('setTitle', 'New Title');  
查看easyui的代码发现setTitle的实际执行内容为  
$('\#xxxDivId').panel('options').title = 'New Title';  
$('\#xxxDivId').panel("header").find("div.panel-title").html('New Title');  
  
b)options的使用  
var tt = $('\#xxxDivId').panel('options').closable; //这里是panel，不是dialog  
alert(tt);//返回该对话框是否可以关闭  
  
c)定位  
$('\#p').panel('move',\{  
  left:100,  
  top:100  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery-easyui-dialog带确定取消按钮使用方法

骤： 1、引入jquery库，以及jquery-easyui库 <link rel="stylesheet" type="text/css" href="js...

待我称王封你为后i/ 2024年04月18日 21:30/ 0 赞/ 70 阅读

相关 jquery dialog using iframe url

<div id="dialog"> <iframe id="myIframe" src=""></iframe> </div> <but

电玩女神/ 2022年09月18日 15:00/ 0 赞/ 134 阅读

相关 jquery easyui show dialog 的使用

<div id="addproject-div-list" title="新增项目信息" ></div> $('addproject-div-list').s

绝地灬酷狼/ 2022年08月27日 10:47/ 0 赞/ 175 阅读

相关 jquery easyui 调用dialog的两种方式

1. <div class="easyui-dialog" id="dd" title="My Dialog" style="width:400px;height:2

待我称王封你为后i/ 2022年08月07日 03:59/ 0 赞/ 157 阅读

相关 jquery easyui dialog 在iframe 标记的使用。可在dialog 里打开一个页

jquery easyui dialog可以两种方式使用 1)定义div,使用iframe )定义div,使用iframe <div id="o

r囧r小猫/ 2022年08月04日 10:47/ 0 赞/ 185 阅读

相关 jquery easyUI dialog事件

扩展自$.fn.window.defaults。使用$.fn.dialog.defaults重写默认值对象。该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个

野性酷女/ 2022年08月02日 04:57/ 0 赞/ 221 阅读

相关【easyui】dialog中继续弹出dialog

1. 下面代码使用spring mvc架构 2. 在controller的跳转中，不要直接返回dialog需要展示的页面，直接跳转到一个container中 @R

待我称王封你为后i/ 2022年07月13日 00:42/ 0 赞/ 278 阅读

相关 jquery ui dialog 加载单独页面，不使用iframe

使用iframe加载页面，优点，没有冲突，缺点：需要单独引用css，js 一、使用ifame 方式一：感觉这个好点，不用总重新创建iframe

朴灿烈づ我的快乐病毒、/ 2022年04月06日 12:46/ 0 赞/ 280 阅读

相关 jQuery EasyUI API 中文文档 - 对话框（Dialog）

(学习留存，如有侵权，请告知，立刻删除！) Dialog 对话框扩展自 $.fn.window.defaults，用 $.fn.dialog.defaults

清疚/ 2022年03月19日 06:27/ 0 赞/ 261 阅读

相关 easyui dialog 常见的使用

1)定义div,使用iframe <div id="openRoleDiv" class="easyui-window" closed="true" modal="tru

水深无声/ 2021年06月24日 14:00/ 0 赞/ 444 阅读