jQuery插件easyUI实现通过JS显示Dialog的方法


Posted in Javascript onSeptember 16, 2016

本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下:

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title></title>
  <script src="jquery-easyui-1.3.4/jquery-1.8.0.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/jquery.easyui.min.js" type="text/javascript"></script>
  <script src="jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  <link href="jquery-easyui-1.3.4/themes/icon.css" rel="stylesheet" type="text/css" />
  <link href="jquery-easyui-1.3.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript">
    $(function () {
      $("#myDialog").dialog({
        modal: true,
        collapsible: true,       //设置可折叠
        toolbar: [{             //设置工具栏数组
          text: '添加',
          iconCls: 'icon-add',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "添加数据", title: "提示", timeout: 1000 });
          }
        }, {
          text: '保存',
          iconCls: 'icon-save',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "保存数据", title: "提示", timeout: 1000 });
          }
        }],
        buttons: [{          //设置下方按钮数组
          text: '提交',
          iconCls: 'icon-ok',
          handler: function () {
            $.messager.show({ showType: "fade", msg: "提交数据", title: "提示", timeout: 1000 });
          }
        }, {
          text: '取消',
          iconCls: 'icon-cancel',
          handler: function () {
          }
        }]
      });
    });
</script>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
ztree获取当前选中节点子节点id集合的方法
Feb 12 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
Aug 09 Javascript
jQuery实现滑动开关效果
Aug 02 jQuery
vue 获取url参数、get参数返回数组的操作
Nov 12 Javascript
Javascript实现单选框效果
Dec 09 Javascript
JavaScript中遍历的十种方法总结
Dec 15 Javascript
jQuery实现的右下角广告窗体跟随效果示例
Sep 16 #Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 #Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 #Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 #Javascript
jQuery中slidedown与slideup方法用法示例
Sep 16 #Javascript
jQuery中show与hide方法用法示例
Sep 16 #Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 #Javascript
You might like
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
php中使用parse_url()对网址进行解析的实现代码(parse_url详解)
2012/01/03 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
简单谈谈json跨域
2016/03/13 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
利用js编写网页进度条效果
2017/10/08 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
webpack打包多页面的方法
2018/11/30 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
python微信公众号开发简单流程
2018/03/23 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
Django如何将URL映射到视图
2019/07/29 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
html5与css3小应用
2013/04/03 HTML / CSS
美国创意之家:BulbHead
2017/07/12 全球购物
2015年大学班长个人工作总结
2015/04/24 职场文书
计算机教师工作总结
2015/08/13 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL
mysql创建存储过程及函数详解
2021/12/04 MySQL
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android
GPU服务器的多用户配置方法
2022/07/07 Servers