场景

效果

属性

该属性扩展自窗口（window）下面是为对话框（dialog）重写的属性。

名称	类型	描述	默认值
title	string	对话框的标题文本。	New Dialog
collapsible	boolean	定义是否显示折叠按钮。	false
minimizable	boolean	定义是否显示最小化按钮。	false
maximizable	boolean	定义是否显示最大化按钮。	false
resizable	boolean	定义对话框是否可调整尺寸。	false
toolbar	array,selector	对话框的顶部工具栏，可能的值： 1、数组，每个工具的选项都与链接按钮（linkbutton）一样。 2、选择器，指示工具栏。对话框工具栏可以在 <div>标签中声明： <div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',toolbar:'#tb',modal:true"> Dialog Content. </div> <div id="tb"> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a> </div> 对话框工具栏也可以通过数组定义： <div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',modal:true, toolbar:[{ text:'Edit', iconCls:'icon-edit', handler:function(){alert('edit')} },{ text:'Help', iconCls:'icon-help', handler:function(){alert('help')} }]"> Dialog Content. </div>	null
buttons	array,selector	对话框的底部按钮，可能的值： 1、数组，每个按钮的选项都与链接按钮（linkbutton）一样。 2、选择器，指示按钮栏。按钮可以在 <div>标签中声明： <div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',buttons:'#bb',modal:true"> Dialog Content. </div> <div id="bb"> <a href="#" class="easyui-linkbutton">Save</a> <a href="#" class="easyui-linkbutton">Close</a> </div> 按钮也可以通过数组定义： <div class="easyui-dialog" style="width:600px;height:300px" data-options="title:'My Dialog',modal:true, buttons:[{ text:'Save', handler:function(){...} },{ text:'Close', handler:function(){...} }]"> Dialog Content. </div>	null

事件

该事件扩展自面板（panel）。

方法

该方法扩展自窗口（window），下面是为对话框（dialog）添加的方法。

名称	参数	描述
dialog	none	返回外部对话框（dialog）对象。

实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;"data-options="iconCls:'icon-save',resizable:true,modal:true">Dialog Content.
</div>
</body>
</html>

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

去除 element-ui 中 Dialog 对话框遮罩层的方法
在使用element-ui的Dialog时,默认会有遮罩层,想要去除遮罩层,官方文档给出了 modal 属性: modal 是一个布尔值,表示是否需要遮罩层: 然而,将 modal 赋值为 false ...
easyUI中dialog弹出框中数据加载不出来
在前端使用easyUI开发的过程中遇到一个奇怪的问题,easyUI中的dialog中的combobox数据有时加载不出来,或者是一些文字也有时加载不出来,后来发现,dialog每次关闭并不会销毁原di ...
android 中dialog对话框,Android中的对话框dialog
普通对话框单选对话框多选对话框进度条对话框底部弹出框 1.普通对话框 this 代表当前类最终继承Context 相当于是子类 getApplicationContext:直接返回的是Con ...
EasyUI中layout布局的简单使用
场景效果布局选项(Layout Options) 名称类型描述默认值 fit boolean 当设置为 true 时,就设置布局(layout)的尺寸适应它的父容器.当在 'body' 标签 ...
安卓中的对话框通知---简单的对话框入门
当你的应用需要显示一个进度条或需要用户对信息进行确认时,可以使用对话框来完成. 1.用一个按钮来进行测试,在layout文件中的activity_main.xml文件中添加一个Button按钮: &l ...
Android开发中Dialog对话框的使用
2011年12月01日09:34 来源: 博客园作者:诚实小郎君编辑: 景保玉我要评论(0) [IT168技术]Dialog是android开发过程中最常用到的组件之一,它包括以下几种类型: 警告 ...
EasyUI中菜单Menu的简单使用
场景效果菜单项菜单项(menu item)代表一个显示在菜单中的单独的项目.它包含下列属性: 名称类型描述默认值 id string 菜单项(menu item)的 id 属性. te ...
EasyUI中Panel面板的简单使用
场景效果属性名称类型描述默认值 id string 面板(panel)的 id 属性. null title string 显示在面板(panel)头部的标题文字. null iconCl ...
easyui中dialog的常犯错误
在打开一个dialog新增数据时候,常常会因为在打开dialog时把dialog中所有控件的value给置空,所以有时候很多控件(比如radio)的value会为空,如果出现此种现象,先检查看看有没有 ...

EasyUI中Dialog对话框的简单使用

场景

效果

属性

事件

方法

实现

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

最新文章

热门文章