在次封装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 设计模式 安全沙箱模式
Sep 24 Javascript
jquery 插件学习(三)
Aug 06 Javascript
jquery实现可拖拽弹出层特效
Jan 04 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
微信小程序实现下滑到底部自动翻页功能
Mar 07 Javascript
微信公众号网页分享功能开发的示例代码
May 27 Javascript
Vue如何实现组件间通信
May 15 Vue.js
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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
收音机的保养
2021/03/01 无线电
PHP执行速率优化技巧小结
2008/03/15 PHP
PHP数组操作类实例
2015/07/11 PHP
php实现的农历算法实例
2015/08/11 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
PHP5.5基于mysqli连接MySQL数据库和读取数据操作实例详解
2019/02/16 PHP
动态加载iframe
2006/06/16 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
vue实现打地鼠小游戏
2020/08/21 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
python开发之for循环操作实例详解
2015/11/12 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
破解安装Pycharm的方法
2018/10/19 Python
谈谈Python中的while循环语句
2019/03/10 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
open_basedir restriction in effect. 原因与解决方法
2021/03/14 PHP
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
小学教师的个人自我鉴定
2013/10/26 职场文书
期末评语大全
2014/05/04 职场文书
森林病虫害防治方案
2014/06/02 职场文书
课外小组活动总结
2014/08/27 职场文书
群众路线学习笔记范文
2014/11/06 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
家长反馈意见及建议
2015/06/03 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
Go语言设计模式之结构型模式
2021/06/22 Golang