在次封装easyui-Dialog插件实现代码
作者:
在次封装easyui-Dialog插件实现代码,需要的朋友可以参考下。
复制代码 代码如下:
$.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');}});
})
您可能感兴趣的文章:
- jQuery Dialog 弹出层对话框插件
- Jquery中dialog属性小记
- Jquery插件 easyUI属性汇总
- jQuery EasyUI API 中文文档 - Form表单
- jQuery EasyUI API 中文文档 - ComboBox组合框
- jQuery EasyUI API 中文文档 - Dialog对话框
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jQuery EasyUI API 中文文档 - Tree树使用介绍
- jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
- jQuery UI Dialog 创建友好的弹出对话框实现代码
- Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
- javascript实现的弹出层背景置灰-模拟(easyui dialog)
- jQuery前端框架easyui使用Dialog时bug处理