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 相关文章推荐
JavaScript实现Sleep函数的代码
Mar 04 Javascript
用JavaScript隐藏控件的方法
Sep 21 Javascript
JS面向对象编程之对象使用分析
Aug 19 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
使用javascript做在线算法编程
May 25 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
JavaScript实现图片合成下载的示例
Nov 19 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
php cookie名使用点号(句号)会被转换
2014/10/23 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
2017/02/22 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
python生成指定尺寸缩略图的示例
2014/05/07 Python
详解python中的json的基本使用方法
2016/12/21 Python
python实现机器人行走效果
2018/01/29 Python
基于Django用户认证系统详解
2018/02/21 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
python字符串的index和find的区别详解
2020/06/20 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
旺仔牛奶广告词
2014/03/20 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python