WebSphere Portal中,实施拖拽功能造成页面闪动的解决方法[@more@]WebSphere Portal中,实施拖拽功能造成页面闪动的解决方法
在Portal 6.0中，使用自带的拖拽脚本，当页面比较大，portlet比较多时，鼠标从portlet标题栏移动时，经常出现页面闪动现象。原因是在自带的脚本中，鼠标滑过标题栏时，使用重新载入了整个body的css样式，当页面比较大时，IE重新渲染整个页面的开销比较大，给用户的感觉就是页面在闪。
解决方法：
1.修改wps.war/dnd/DND.js，将设置鼠标样式的代码屏蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相应skin的Control.jsp文件,在标题栏的HTML标签上，设置style="cursor:hand"样式，如：
在Portal 6.0中，使用自带的拖拽脚本，当页面比较大，portlet比较多时，鼠标从portlet标题栏移动时，经常出现页面闪动现象。原因是在自带的脚本中，鼠标滑过标题栏时，使用重新载入了整个body的css样式，当页面比较大时，IE重新渲染整个页面的开销比较大，给用户的感觉就是页面在闪。
解决方法：
1.修改wps.war/dnd/DND.js，将设置鼠标样式的代码屏蔽:
function setDNDMoveCursor(){
/*
if (document.body.style.cursor != "move") {
document.body.style.cursor="move";
}
*/
};
function setDNDNoCursor(){
/*
if (document.body.style.cursor != "not-allowed") {
document.body.style.cursor="not-allowed";
}
*/
};
function setDNDNormalCursor(){
/*
if (document.body.style.cursor != "") {
document.body.style.cursor="";
}
*/
};
2.修改相应skin的Control.jsp文件,在标题栏的HTML标签上，设置style="cursor:hand"样式，如：
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/7199667/viewspace-1020204/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
TAM里有用的命令(陆续更新)
下一篇：
易中天讲的十句很有哲理的十句话
请登录后发表评论
登录
全部评论
