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