easyui dialog 常见的使用

水深无声 2021-06-24 14:00 469阅读 0赞

1)定义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)   
<div id="dd" style="padding:5px;width:400px;height:200px;">   
    Dialog Content.   
</div>   
$(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 条评论，469人围观）

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

相关阅读

相关 EasyUI中Dialog对话框的简单使用

场景效果 ![Image 1][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

淩亂°似流年/ 2023年10月18日 20:08/ 0 赞/ 36 阅读

相关 jquery easyui show dialog 的使用

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

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

相关（札记）EasyUI Window Dialog

常用的属性： $('win').window({ title:'添加数据', width:300, height:200,

ゞ浴缸里的玫瑰/ 2022年08月06日 06:14/ 0 赞/ 15 阅读

相关 jquery easyUI dialog事件

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

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

相关 EasyUI之对话框Dialog

1、实例背景 EasyUI是一个基于jQuery的框架，集成了各种插件。Dialog是对话框，利用它设计新增用户场景。 2、实例源码 <!DO

深藏阁楼爱情的钟/ 2022年07月15日 13:10/ 0 赞/ 248 阅读

相关 easyui的dialog刷新href。。。

需要用到dialog刷新操作。使用href~~~ ![Center][] 两种不同的方式一样的结果。 [Center]: /images/2022061

深碍√TFBOYSˉ_/ 2022年06月14日 12:10/ 0 赞/ 200 阅读

相关关于EasyUI Dialog 操作

//弹框关闭事件 $('query-dialog').dialog({ onClose:function(){ alert(

深藏阁楼爱情的钟/ 2022年05月26日 04:15/ 0 赞/ 208 阅读

相关 EasyUI dialog居中问题

问题1. easyui的弹框, window或者是dialog, 只能显示一屏, 如页面过长延时加载, 加载完之后超出一屏, 弹窗时, 一屏之下的内容是不能被模态

向右看齐/ 2022年05月26日 04:13/ 0 赞/ 290 阅读

相关 easyui dialog的用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

快来打我*/ 2022年04月05日 04:54/ 0 赞/ 250 阅读

相关 easyui dialog 常见的使用

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

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