Oracle adf af:table can not scroll page

最新推荐文章于 2020-09-18 20:49:59 发布

原创最新推荐文章于 2020-09-18 20:49:59 发布 · 785 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在AF框架中优化JavaScript的方法，通过在页面加载时替换DOM元素以实现滚动功能，并利用XMLHttpRequest监听状态变化触发滚动更新。此外，还提供了一个鼠标悬停时调整表格层级的例子。

<af:document>
<af:clientListener type="load" method="enableScrolling"/>
<af:resource type="javascript">
function enableScrolling(e) {
try{
var old_element = document.getElementById('tableID');
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);
}catch(e){}
}
(function(open) {
XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
this.addEventListener("readystatechange", function() {
console.log(this.readyState);
enableScrolling();
}, false);
open.call(this, method, url, async, user, pass);
};
})(XMLHttpRequest.prototype.open);

</af:resource>

Better way .

Under af:table

<af:clientListener method="mouseOverChange" type="mouseOver" />

<af:resource type="javascript">
function mouseOverChange(event){
var domElement = document.getElementById("tableId::db");
domElement.style.zIndex = 0;
}
</af:resource>