Java语言的setExpression对我来说是最大的问题。 解决此问题的任何解决方案

Question

我试图冻结过去两天的gridview标头，并在Stackoverflow上以及从谷歌搜索中获得了此链接以及许多其他链接。 当我在IE 6,7上使用它并在IE8的兼容模式下使用此方法时，效果很好，但在正常模式下，此代码无法正常工作。

这行给我一个错误。 我要实现此功能。

trs[x].style.setExpression("top",  "this.parentElement.parentElement.parentElement.scrollTop + 'px'");

在阅读评论时，我知道scrollableTable.js使用的是setExpression方法，该方法已在IE8中弃用。

以前我对这个问题一无所知。 我希望有一些替代setExpression方法的方法。

如何用此代码中的其他替代方法替换setExpression方法

函数ScrollableTable（tableEl，tableHeight，tableWidth）{

this.initIEengine = function() {

    this.containerEl.style.overflowY = 'auto';
    if (this.tableEl.parentElement.clientHeight - this.tableEl.offsetHeight < 0) {
        this.tableEl.style.width = this.newWidth - this.scrollWidth + 'px';
    } else {
        this.containerEl.style.overflowY = 'hidden';
        this.tableEl.style.width = this.newWidth + 'px';
    }

    if (this.thead) {
        var trs = this.thead.getElementsByTagName('tr');
        for (x = 0; x < trs.length; x++) {
            trs[x].style.position = 'relative';
            trs[x].style.setExpression("top", "this.parentElement.parentElement.parentElement.scrollTop + 'px'");
        }
    }

    if (this.tfoot) {
        var trs = this.tfoot.getElementsByTagName('tr');
        for (x = 0; x < trs.length; x++) {
            trs[x].style.position = 'relative';
            trs[x].style.setExpression("bottom", "(this.parentElement.parentElement.offsetHeight - this.parentElement.parentElement.parentElement.clientHeight - this.parentElement.parentElement.parentElement.scrollTop) + 'px'");
        }
    }
    eval("window.attachEvent('onresize', function () { document.getElementById('" + this.tableEl.id + "').style.visibility = 'hidden'; document.getElementById('" + this.tableEl.id + "').style.visibility = 'visible'; } )");
};

Answer 1

尝试这个：

for (x=0; x < trs.length; x++) 
{
    trs[x].style.position = 'fixed';
    trs[x].style.top.setExpression = "this.offsetParent.scrollTop";
}

这个对我有用！

Answer 2

您应该尝试使用http://fixedheadertable.com/ jQuery插件。 这样应该可以消除跨浏览器的任何问题，并且可以更好地面向未来。

Answer 3

出于同一考虑，最好使用jQuery并使用将在所有浏览器上运行的jQuery做相同的工作，并删除setExpression。

就像是：

var MyMainControl = $(".StyleOf");
MyMainControl.attr("top", MyMainControl.parent(".TheKeeper").offset().top );

或者如果你有很多

jQuery(document).ready(function() 
{
    jQuery(".StyleOf").each(function(i, selected) {
        var MyMainControl = $(selected);
        MyMainControl.attr("top", MyMainControl.parent(".TheKeeper").offset().top );
    }
}

我认为html有点像

<div class="TheKeeper">
 <div>
   <div>
     <div class="StyleOf"></div>
   </div>
  </div>
</div>

setExpression用于使CSS与ie6兼容。

当然，您可以获取其他准备好的页眉网格... :)