在次封装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代码
Jan 28 Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
js动态加载以及确定加载完成的代码
Jul 31 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
JavaScript实现的日期控件具体代码
Nov 18 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
深入了解js原型模式
May 30 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
JS的深浅复制详细
Oct 16 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实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
2017/07/20 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
js实现ajax的用户简单登入功能
2020/06/18 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
Python实现SVN的目录周期性备份实例
2015/07/17 Python
python配置文件写入过程详解
2019/10/19 Python
利用Python计算KS的实例详解
2020/03/03 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
物流专业大学生求职信范文
2013/10/28 职场文书
促销活动计划书
2014/05/02 职场文书
本科生自荐信
2014/06/18 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
终止或解除劳动合同及劳动关系的证明书
2014/10/06 职场文书
2016公司年会通知范文
2015/04/25 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
导游词之无锡梅园
2019/11/28 职场文书
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电
Python 文字识别
2022/05/11 Python