最近做一个用r.a.d.controls Q2 2005做一个小东西,在使用TreeView控件的时候,如果弹出右键菜单的时候,遇到旁边有框架,那么就会产生遮挡现象。如下图:
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
这一点真的很让人不舒服。后来想到这个控件的右键菜单是在客户端的脚本中的,于是打开客户端脚本文件( RadTreeView_Client_4_0_4.js )。没想到打开以后,发现所有的脚本都写在一行里面,读起来很是费劲。就想了各种办法来格式化了一下。这样看起来才好一些。找到了右键菜单的控制语句,在RadTreeView.prototype.ShowContextMenu  中 rtvG76.style.top = e.clientY + document.body.scrollTop;这一句后面加入 VerifyPosition(rtvG76) ;并在合适的位置加入VerifyPosition 函数代码。VerifyPosition 是自己以前作右键菜单时控制弹出位置的代码,弹出的时候根据左右边距,自动设定显示位置。代码如下:

修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题function VerifyPosition(oLayer)
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题{
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 
var nWidth = oLayer.offsetWidth;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 
var nHeight = oLayer.offsetHeight;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 
if (oLayer.style.pixelLeft + nWidth > document.body.clientWidth)
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 {
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题  oLayer.style.pixelLeft 
-= nWidth;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题  
if ( oLayer.style.pixelLeft < document.body.scrollLeft)
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题   oLayer.style.pixelLeft 
= document.body.clientWidth + document.body.scrollLeft - nWidth - 5;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 }
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 
if (oLayer.style.pixelTop + nHeight > document.body.clientHeight)
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 {
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题  oLayer.style.pixelTop 
-= nHeight;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题  
if ( oLayer.style.pixelTop < document.body.scrollTop)
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题   oLayer.style.pixelTop 
= document.body.clientHeight + document.body.scrollTop - nHeight - 5;
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题 }
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题}
修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题



问题解决,效果如下:

修改客户端Script,解决r.a.d.controls Q2 2005中TreeView 控件遮挡问题



相关文章:

  • 2021-11-23
  • 2021-08-04
  • 2021-07-28
  • 2021-08-24
  • 2021-08-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-02
  • 2021-11-13
  • 2021-09-26
  • 2021-04-02
  • 2022-12-23
  • 2021-11-26
相关资源
相似解决方案