EasyUI怎么修改$messager.show的消息窗口的位置
展开全部
我要实现的是在页面左下角弹出提示框,窗口标题:业务支持,内容:联系电话——112xxx
代码如下:
var text = "";
textHtml += "<div id='sonId' style='font-family:\"Microsoft Yahei;font-size:18px"'>联系电话——112xxx<br></div>"//设置字体和大小,以及展示内容。关键在于 id='sonId'
jQuery.messager.show({
title:'业务支持',
msg:textHtml,
width:360,
height:160,
showtype:'show'
)};//具体参数说明可以参见此API文档http://www.cnblogs.com/Philoo/archive/2011/11/15/jeasyui_api_messager.html
document.getElementById('sonId').parentNode.parentNode.id = 'parentId';//设置上上层模块的id
var newStyle = document.getElementById('parentId').getAttribute('style').replace('right','left');
var explorer = window.navigator.userAgent;
if(explorer .indexOf('Chrome' > -1){
document.getElementById('parentId').setAttribute('style',newStyle );//谷歌浏览器
}else{
document.getElementById('parentId').setAttribute('style','display:block;width:348px;cursor:default;left:0px;z-index:9000;bottom:0px;');
}
说明,我当时要实现这个功能,但是只能用这个插件,所以,首先我根据子div的sonId获取父div,给父div设置了parentId,然后通过parentId修改这个窗口的样式,但是在 IE浏览器中,replace没有什么用,所以我直接将那段样式的right修改为left进行复制。还有不足的请同行多指教。
然后依次类推,就可以指定弹出窗口出现的位置。
代码如下:
var text = "";
textHtml += "<div id='sonId' style='font-family:\"Microsoft Yahei;font-size:18px"'>联系电话——112xxx<br></div>"//设置字体和大小,以及展示内容。关键在于 id='sonId'
jQuery.messager.show({
title:'业务支持',
msg:textHtml,
width:360,
height:160,
showtype:'show'
)};//具体参数说明可以参见此API文档http://www.cnblogs.com/Philoo/archive/2011/11/15/jeasyui_api_messager.html
document.getElementById('sonId').parentNode.parentNode.id = 'parentId';//设置上上层模块的id
var newStyle = document.getElementById('parentId').getAttribute('style').replace('right','left');
var explorer = window.navigator.userAgent;
if(explorer .indexOf('Chrome' > -1){
document.getElementById('parentId').setAttribute('style',newStyle );//谷歌浏览器
}else{
document.getElementById('parentId').setAttribute('style','display:block;width:348px;cursor:default;left:0px;z-index:9000;bottom:0px;');
}
说明,我当时要实现这个功能,但是只能用这个插件,所以,首先我根据子div的sonId获取父div,给父div设置了parentId,然后通过parentId修改这个窗口的样式,但是在 IE浏览器中,replace没有什么用,所以我直接将那段样式的right修改为left进行复制。还有不足的请同行多指教。
然后依次类推,就可以指定弹出窗口出现的位置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$.messager.confirm("确认对话框","该客户已经存在!确定:查看该客户 ", function(r){ if(r){ alert("好") } }).panel("options").top = $(document).scrollTop() + 80; 距离顶部80位置
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.panel('move',{top: 150})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询