在次封装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 相关文章推荐
javascript 面向对象编程基础:继承
Aug 21 Javascript
jquery 多行文本框(textarea)高度变化
Jul 03 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
学前端,css与javascript重难点浅析
Jun 11 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函数)
2006/10/09 PHP
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
Javascript Math对象
2009/08/13 Javascript
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
关于flash遮盖div浮动层的解决方法
2010/07/17 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
简单介绍Object类的功能、常用方法
2013/10/02 面试题
工作收入证明模板
2014/10/10 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle