JS 操作 Spread 滚动条 - 葡萄城技术博客

该文章介绍怎样通过 JS 代码操作 Spread 滚动条：
1.操作步骤：点击 button 通过像素值设置滚动条位置。选择 Select Option 通过 Spread 前台方法 SetActiveCell 控制滚动条位置。
2.截图：

3.参考代码：

function Button1_onclick() {

            var spread = document.getElementById("FpSpread1_view");

            var scrollTopPosition = spread.scrollTop;

            var scrollLeftPosition = spread.scrollLeft;

            spread.scrollLeft = 200;

            spread.scrollTop = 200;

        }

        function change() {

            var spread = document.getElementById("FpSpread1");

            var select = document.getElementById("Select1");

            var row = select.options[select.selectedIndex].value;

            spread.SetActiveCell(row, 0);

        }

        function window.onload() {

            var spread = document.getElementById("FpSpread1"); ;

            spread.SetActiveCell(32, 0);

            var cell = spread.GetCellByRowCol(32, 0);

            var rowHeader = spread.all(spread.id + "_rowHeader");

            var colHeader = spread.all(spread.id + "_colHeader");

            var view = spread.all(spread.id + "_view");



            if (view != null) {

                view.scrollTop = cell.offsetTop;

                view.scrollLeft = cell.offsetLeft;

            }

        } 

复制代码

环境：VS 2010 && Spread for .NET 6 SP3

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。