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博客 ” ,链接:http://blog.itpub.net/7199667/viewspace-1020204/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/7199667/viewspace-1020204/