zl程序教程

您现在的位置是:首页 >  前端

当前栏目

在次封装easyui-Dialog插件实现代码

EasyUI封装插件代码 实现 Dialog
2023-06-13 09:14:25 时间
复制代码代码如下:

$.fn.hDialog=function(options){
vardefaults={
width:300,
height:200,
title:"此处标题",
html:"",
iconCls:"",
submit:function(){alert("可执行代码.");}
}
varid=$(this).attr("id");
options=$.extend(defaults,options);
varself=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");
}
}]
});

functioncreateContent(){
$(".dialog-content",$(self)).empty().append("<divid=""+id+"_content"style="padding:5px;"></div>");
$("#"+id+"_content").html(options.html);
}
createContent();
}

调用:
复制代码代码如下:

$(function(){
  vard=$("<divid="d"></div>");
  $("#d").hDialog({submit:function(){$(d).dialog("close");}});
})