在次封装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的最佳方法分享
Oct 21 Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 Javascript
javascript实现给定半径求出圆的面积
Jun 26 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
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
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
鼠标经过的文本框textbox变色
2009/05/21 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
javascript电商网站抢购倒计时效果实现
2015/11/19 Javascript
JavaScript阻止回车提交表单的方法
2015/12/30 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
vue-cli3项目升级到vue-cli4 的方法总结
2020/03/19 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
Python语言描述KNN算法与Kd树
2017/12/13 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
树莓派实现移动拍照
2019/06/22 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
2014年教研活动总结范文
2014/04/26 职场文书
中职生自荐信范文
2014/06/15 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
我的中国梦演讲稿1000字
2014/08/19 职场文书
实习指导教师评语
2014/12/30 职场文书
小学二年级语文教学反思
2016/03/03 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
vue ref如何获取子组件属性值
2022/03/31 Vue.js
python对文档中元素删除,替换操作
2022/04/02 Python
MySql分区类型及创建分区的方法
2022/04/13 MySQL
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript