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

})

 

 

 

 

转载于:https://www.cnblogs.com/hxling/archive/2010/11/12/1875542.html