在次封装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 相关文章推荐
Jquery中dialog属性小记
Sep 03 Javascript
浅析js中取绝对值的2种方法
Jul 09 Javascript
深入剖析JavaScript中的枚举功能
Mar 06 Javascript
angularjs基础教程
Dec 25 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
JS之相等操作符详解
Sep 13 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 Javascript
jquery实现图片放大镜效果
Dec 23 jQuery
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(6) 面向对象
2010/02/16 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
js版本A*寻路算法
2006/12/22 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
jquery批量控制form禁用的代码
2013/08/06 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
2016/12/29 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
python静态方法实例
2015/01/14 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
对python tkinter窗口弹出置顶的方法详解
2019/06/14 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Pytorch之parameters的使用
2019/12/31 Python
python 利用toapi库自动生成api
2020/10/19 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
软件设计的目标是什么
2016/12/04 面试题
优质护理服务演讲稿
2014/05/07 职场文书
幸福家庭标语
2014/06/27 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
行为规范主题班会
2015/08/13 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
JavaScript实现九宫格拖拽效果
2022/06/28 Javascript