在次封装easyui-Dialog插件实现代码


Posted in Javascript onNovember 14, 2010
$.fn.hDialog = function (options) { 
var defaults = { 
width: 300, 
height: 200, 
title: '此处标题', 
html: '', 
iconCls: '', 
submit: function () { alert('可执行代码.'); } 
} 
var id = $(this).attr('id'); 
options = $.extend(defaults, options); 
var self = this; $(self).dialog({ 
title: options.title, 
height: options.height, 
width: options.width, 
iconCls: options.iconCls, 
buttons: [{ 
text: '确定', 
iconCls: 'icon-ok', 
handler: options.submit 
}, { 
text: '取消', 
iconCls: 'icon-cancel', 
handler: function () { 
$('#' + id).dialog('close'); 
} 
}] 
}); 
function createContent() { 
$('.dialog-content',$(self)).empty().append('<div id="' + id + '_content" style="padding:5px;"></div>'); 
$('#' + id + "_content").html(options.html); 
} 
createContent(); 
}

调用:
$(function(){ 
var d =$('<div id="d"></div>'); 

$('#d').hDialog({submit:function(){$(d).dialog('close');}}); 
})
Javascript 相关文章推荐
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
express启用https使用小记
May 21 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
jQueryUI如何自定义组件实现代码
Nov 14 #Javascript
Jquery常用技巧收集整理篇
Nov 14 #Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 #Javascript
有关DOM元素与事件的3个谜题
Nov 11 #Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 #Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
Nov 11 #Javascript
javascript正则表达式中参数g(全局)的作用
Nov 11 #Javascript
You might like
php 文件上传系统手记
2009/10/26 PHP
php中cookie的使用方法
2014/03/29 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
[00:37]食人魔魔法师轮盘吉兆顺应全新至宝将拥有额外款式
2019/12/19 DOTA
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
Python中static相关知识小结
2018/01/02 Python
基于python的列表list和集合set操作
2019/11/24 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
python主要用于哪些方向
2020/07/05 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
优秀毕业生求职推荐信范文
2013/11/21 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
《长征》教学反思
2014/04/27 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
小学数学教学随笔
2015/08/14 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python