在次封装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);}});
})