在次封装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 相关文章推荐
prototype 源码中文说明之 prototype.js
Sep 22 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
5个javascript的数字格式化函数分享
Dec 07 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
JS三目运算(三元运算)方法详解
Mar 01 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
Jun 18 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
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
php 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
php获取操作系统语言代码
2013/11/04 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
2017/07/13 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[50:17]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
使用PyInstaller将Python程序文件转换为可执行程序文件
2016/07/08 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
python 实现多线程下载视频的代码
2019/11/15 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
杭州联环马网络笔试题面试题
2013/08/04 面试题
店长岗位职责
2013/11/21 职场文书
好军嫂事迹材料
2014/01/15 职场文书
ktv中秋节活动方案
2014/01/30 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
法院授权委托书范文
2014/08/02 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
治庸问责心得体会
2014/09/12 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
Pytest中skip skipif跳过用例详解
2021/06/30 Python