在次封装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 Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
Nov 06 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 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
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
php调整gif动画图片尺寸示例代码分享
2013/12/05 PHP
php新浪微博登录接口用法实例
2014/12/23 PHP
教你php如何实现验证码
2016/01/20 PHP
js 验证密码强弱的小例子
2013/03/21 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
javascript基于HTML5 canvas制作画箭头组件
2014/06/25 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
JS实现自定义状态栏动画文字效果示例
2017/10/12 Javascript
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
Python判断直线和矩形是否相交的方法
2015/07/14 Python
Python制作爬虫抓取美女图
2016/01/20 Python
Python的装饰器用法学习笔记
2016/06/24 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python 中如何获取列表的索引
2019/07/02 Python
Numpy 多维数据数组的实现
2020/06/18 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
升国旗演讲稿
2014/09/05 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
工作感言一句话
2015/08/01 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技