在次封装easyui-Dialog 插件
2010-11-12 11:53
330 查看
$.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');}});})
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');}});})
相关文章推荐
- 封装的EasyUI Dialog插件
- 在次封装easyui-Dialog插件实现代码
- 在次封装easyui-Dialog插件实现代码
- easyui-dialog中无法显示KindEditor插件
- jQuery插件easyUI实现通过JS显示Dialog的方法
- 封装的dialog插件 基于bootstrap模态对话框的简单扩展
- [easyui]封装一个dialog
- Easyui封装公用创建dialog的JS函数
- Easyui封装公用创建dialog的JS函数
- easyui的window插件再次封装
- 在次封装easyui 的window插件,便于简化操作
- JQuery-跑马灯(文字无缝向上翻动)(自已封装的第三个插件)
- 从零基础认识 easyUI tree插件
- 利用jquery封装一个简易的旋转木马特效插件
- 【安卓知识点汇总】Dialog和Toast封装
- Easyui Dialog 设置初始位置
- [Javascript] 插件封装
- 用easyui写一个密码修改的dialog
- 轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
- RxJava + Retrofit+okhttp 封装,包含对相同格式请求数据、相同格式返回数据处理,显示 Material Design 加载 dialog,文件上传下载进度展示、全局异常捕捉。