标签:
这里用的自定义窗体(easyui-windows),也可以使用alert().$.messager,等等方法,使用window 发现不用刻意去计算 显示位置,显示的是固定位置。如果是alert和messager 需要计算显示位置。为遮挡层赋值;
<div id="win" class="easyui-window" title="系统提示" style="width: 200px; height: 150px; top: 180px; left: 598px;" data-options="iconCls:‘icon-save‘,modal:true,closed:true,draggable:false,collapsible:false,resizable:false,minimizable:false,maximizable:false"> <div style="margin-top: 20px; margin-bottom: 20px" align="center"> <p id="msg" style="font-size: large; color: red">确定要保存? </p> </div> <div align="center" id="win_button"> <a href="javascript:void(0);" id="save" class="easyui-linkbutton" data-options="name:‘paste‘,iconCls:‘icon-ok‘,iconAlign:‘top‘,plain:true">保存</a> <a style="margin-left: 30px" id="btn_Cancel" href="javascript:void(0)" onclick="CloseWindow(‘win‘)" class="easyui-linkbutton" data-options="name:‘paste‘,iconCls:‘icon-no‘,iconAlign:‘top‘,plain:true">取消</a> </div> </div>
参数依次是 是否显示取消按钮,取消按钮文本,取消按钮方法,取消按钮图标,确定按钮文本,确定按钮方法,确定按钮方法,提示文本
function showWindows(show_BtnCancle, btnCancle_Text, btnCancel_function, btnCancle_icon, btnOk_Text, btnOK_function, btnok_icon, tipMsg) { $("#win").window(‘open‘); $("#msg").text(tipMsg); if (show_BtnCancle == ‘0‘) { $("#btn_Cancel").css("display", ‘none‘); } else { $("#btn_Cancel").css("display", ‘‘); $("#btn_Cancel").linkbutton({ text: btnCancle_Text, iconCls: btnCancle_icon, plain: true }); $("#btn_Cancel").attr("onclick", btnCancel_function); } $("#save").linkbutton({ text: btnOk_Text, iconCls: btnok_icon, plain: true }); $("#save").attr("onclick", btnOK_function); createWindowMask(200, 150); return;
}
//创建遮挡层
function createWindowMask(width, height) {
$(".window-mask").empty().append("<iframe style=\"position: absolute; z-index: -1; width:" + width + "px; height: " + height + "px;top: 180px;left:598px; scrolling:no;\"allowTransparency=\"true\" frameborder=\"0\"></iframe>"); }
标签:
原文地址:http://www.cnblogs.com/easyJob/p/4626736.html