Ôڴηâ×°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');}});
})