以编程方式滚动/移动到.net asp:listview控件中的一个项目

本文关键字:控件 项目 一个 listview 滚动 方式 编程 移动 asp net | 更新日期: 2023-09-27 18:07:39

我有一个网页,有一个asp:ListView和我试图找出如何以编程方式滚动到某个项目。下面是我的aspx标记:

<asp:ListView ID="lvGlossary" runat="server" DataSourceID="SqlDataSource1" OnItemDataBound="lvGlossary_ItemDataBound">
    <LayoutTemplate>
        <div class="glossaryTitle">Glossary</div>
        <div id="ItemPlaceholder" runat="server"></div>
        <br />
    </LayoutTemplate>
    <ItemTemplate>
        <div class="glossaryEntry">
            <span class="glossaryWord">
                <asp:Label ID="lbWord" runat="server" Text='<%# Bind("Word") %>' />: 
            </span>
            <span class="glossaryDefinition">
                <asp:Label ID="lbDefinition" runat="server" Text='<%# Bind("Definition") %>' />
            </span>
            <br />
        </div>
    </ItemTemplate>
    <AlternatingItemTemplate>
        <div class="glossaryEntryAlternating">
            <span class="glossaryWord">
                <asp:Label ID="lbWord" runat="server" Text='<%# Bind("Word") %>' />: 
            </span>
            <span class="glossaryDefinition">
                <asp:Label ID="lbDefinition" runat="server" Text='<%# Bind("Definition") %>' />
            </span>
            <br />
        </div>
    </AlternatingItemTemplate>
</asp:ListView>

在我的c#代码后面,我用文本填充一个文本框,当用户选择一个单词时,我想在列表视图中自动滚动到该单词,以便它是可见的。它最有可能需要做客户端,所以我认为我需要一些javascript来做到这一点。有人能给我举个例子吗?

任何帮助都是感激的!

谢谢

以编程方式滚动/移动到.net asp:listview控件中的一个项目

你可以使用元素的scrollIntoView javascript方法:

document.getElementById('id').scrollIntoView(true);