在次封装easyui-Dialog插件实现代码
在次封装easyui-Dialog插件实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$.fn.hDialog=function(options){vardefaults={width:300,height:...

复制代码 代码如下:

$.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"></div>');

$('#' + id + "_content").html(options.html);

}

createContent();

}

调用:

复制代码 代码如下:

$(function(){

var d =$('<div id="d"></div>');

$('#d').hDialog({submit:function(){$(d).dialog('close');}});

})

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类