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

时间:2013-04-06 14:27:07

标签: c# javascript asp.net listview

我有一个包含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才能做到这一点。有谁能指出我如何做到这一点的例子?

任何帮助表示赞赏!!

谢谢

1 个答案:

答案 0 :(得分:0)

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

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