css - web2py 中 sqlform 提交按钮的 id

Question

我想添加一个 java 脚本来在到达页面底部时单击一个按钮...代码是

<script>
function getScrollXY() {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return [ scrOfX, scrOfY ];
}

//taken from http://james.padolsey.com/javascript/get-document-height-cross-browser/
function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

document.addEventListener("scroll", function (event) {
    if (getDocHeight() == getScrollXY()[1] + window.innerHeight) {
    document.getElementById('next').click()
     }
});
</script>

问题是按钮是 SQLFORM 的提交按钮，所以我的问题是 SQLFORM 提交按钮的 ID 是什么，或者我如何定义它..我已经尝试了以下但没有成功。

form2.custom.widget.submit_button['_id']='next'

它显示错误“NoneType”对象不支持元素分配。关于 Custom CSS classes for SQLFORM widget input in web2py 有一些很好的信息, 但我还是想不通....

Answer 1

您可以使用 jQuery 选择器识别提交按钮，例如 "input[type=submit]"(或者更具体地说，"#submit_record__row input[type=submit]")。如果你想分配一个 ID，你可以这样做:

form2.custom.submit['_id'] = 'next'

或:

form2.element('input[type=submit]')['_id'] = 'next'