时间:2021-05-28
对话框(Dialog)是一个特殊的窗口(window),可以包含在顶部的工具栏和在底部的按钮。默认情况下,对话框(Dialog)不能改变大小,但是用户可以设置 resizable 属性为 true,使其可以改变大小。
这种就是对话框了。
EasyUI有两种创建方式:
第一种:通过已存在的DOM节点元素标签创建
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><!-- 导入js文件 --><!-- 导入jquery核心js文件 --><script type="text/javascript" src="jquery.min.js"></script><!-- 导入easyui核心js文件 --><script type="text/javascript" src="jquery.easyui.min.js"></script><!-- 导入本地语言的js文件--><script type="text/javascript" src="locale/easyui-lang-zh_CN.js"></script><!-- 导入css --><!-- 导入easyui的默认css文件--><link type="text/css" rel="stylesheet" href="themes/default/easyui.css"/><!-- 导入图标的css文件 --><link type="text/css" rel="stylesheet" href="themes/icon.css"/></head><body><div id="dd" class="easyui-dialog" title="我的对话框" style="width:400px;height:200px;" data-options="iconCls:'icon-save',resizable:true,modal:true"> 提示内容</div> </body></html>第二种:通过js动态创建对话框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><!-- 导入js文件 --><!-- 导入jquery核心js文件 --><script type="text/javascript" src="jquery.min.js"></script><!-- 导入easyui核心js文件 --><script type="text/javascript" src="jquery.easyui.min.js"></script><!-- 导入本地语言的js文件--><script type="text/javascript" src="locale/easyui-lang-zh_CN.js"></script><!-- 导入css --><!-- 导入easyui的默认css文件--><link type="text/css" rel="stylesheet" href="themes/default/easyui.css"/><!-- 导入图标的css文件 --><link type="text/css" rel="stylesheet" href="themes/icon.css"/></head><body><!--<div id="dd" class="easyui-dialog" title="我的对话框" style="width:400px;height:200px;" data-options="iconCls:'icon-save',resizable:true,modal:true"> 提示内容</div> --> <div id="dd">对话框内容</div><script type="text/javascript">$("#dd").dialog({title: '我的对话框', //标题collapsible:true, //是否可折叠minimizable:true, //最小化按钮maximizable:true,//最大化按钮resizable:true,//是否改变窗口大小width: 400, height: 200, closed: false, cache: false, href: 'beautiful.html', });</script></body></html>以上所述是小编给大家介绍的EasyUI创建对话框的两种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在MFC中对话框有两种形式,一个是模态对话框(modeldialogbox),一个是非模态对话框(modelessdialogbox)。本文对此分别简述其创建方
Android中Popwindow弹出菜单的两种方法实例1.popWindow就是对话框的一种方式!此文讲解的android中对话框的一种使用方式,它叫popW
本文简单讲述了MFC设置对话框焦点的方法,分享给大家供大家参考。具体实现方法如下:具体的方法有两种:1.设置对话框控件的taborder。按Ctrl+D即可看见
前言最近开发中用到许多对话框,之前都是在外面的代码中创建AlertDialog并设置自定义布局实现常见的对话框,诸如更新提示等含有取消和删除两个按钮的对话框我们
本文实例总结了js弹出对话框方式。分享给大家供大家参考,具体如下:一般常用的是alertpromptconfirm三种对话框示例1:Example简单对话框也可