Posted in Javascript onNovember 14, 2010
$.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');}}); })
在次封装easyui-Dialog插件实现代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@