在次封装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 相关文章推荐
用js实现的抽象CSS圆角效果!!
May 03 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
Jun 02 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
javascript中layim之查找好友查找群组
Feb 06 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 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
PHP自定义多进制的方法
2016/11/03 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
AngularJS基础 ng-if 指令用法
2016/08/01 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
python的pdb调试命令的命令整理及实例
2017/07/12 Python
Python 闭包的使用方法
2017/09/07 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python实现泊松图像融合
2018/07/26 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
彪马法国官网:PUMA法国
2019/12/15 全球购物
厨师岗位职责
2013/11/12 职场文书
毕业生的自我评价范文
2013/12/31 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
工作过失检讨书
2014/02/23 职场文书
数控专业毕业生求职信
2014/06/12 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
居安思危观后感
2015/06/11 职场文书
同事离别感言
2015/08/04 职场文书
创业计划书详解
2019/07/19 职场文书
Python NumPy灰度图像的压缩原理讲解
2021/08/04 Python