在次封装easyuiDialog 插件

$.fn.hDialog = function (options) {
        
var defaults = {
             
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,
             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');}});
})
原文地址:https://www.cnblogs.com/hxling/p/1875542.html