在次封装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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
php+js实现倒计时功能
Jun 02 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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+jQuery 注册模块开发详解
2014/10/14 PHP
PHP中用mysqli面向对象打开连接关闭mysql数据库的方法
2016/11/05 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
javascript动态加载二
2012/08/22 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
生成二维码方法汇总
2014/12/26 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
轮播图组件js代码
2016/08/08 Javascript
原生和jQuery的ajax用法详解
2017/01/23 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
python if not in 多条件判断代码
2016/09/21 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
解决Jupyter无法导入已安装的 module问题
2020/04/17 Python
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
土建工程师岗位职责
2014/06/10 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
写给父母的感谢信
2015/01/22 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL