在次封装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 相关文章推荐
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
TypeScript入门-接口
Mar 30 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 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用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
document.write的几点使用心得
2014/05/14 Javascript
jQuery插件开发详细教程
2014/06/06 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
Javascript var变量删除原理及实现
2020/08/26 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
2020/08/27 Javascript
Python之re操作方法(详解)
2017/06/14 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python如何实现递归转非递归
2021/02/25 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
C语言编程练习
2012/04/02 面试题
《母亲的恩情》教学反思
2014/02/13 职场文书
品德评语大全
2014/05/05 职场文书
广播体操口号
2014/06/18 职场文书
2014年仓库保管员工作总结
2014/12/03 职场文书
交通事故死亡赔偿协议书
2014/12/03 职场文书
2016新年晚会开场白
2015/12/03 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python
Java 数组内置函数toArray详解
2021/06/28 Java/Android