2013-04-06 51 views
0

我有一個具有asp:ListView的網頁,我試圖弄清楚如何以編程方式滾動到某個項目。這裏是我的ASPX標記:以編程方式滾動/移動到.net asp中的項目:listview控件

<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#代碼後面我填充文本,當用戶選擇一個的話,我想自動滾動到這個詞在ListView所以它是可見的文本框中。它很可能需要做客戶端,所以我認爲我需要一些JavaScript來做到這一點。任何人都可以給我一個如何做到這一點的例子嗎?

任何幫助表示讚賞!

謝謝

回答

0

你可以使用一個元素的scrollIntoView JavaScript方法:

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

如何指定哪個項目?說listview有100個項目,我想顯示#12?我需要爲每一行創建一個唯一的ID嗎? – LilMoke 2013-04-06 21:58:45

+0

你可以使用jquery來查找第12項,像$(「ul li:nth-​​child(12)」)[0] .scrollIntoView(true); – 2013-04-07 10:02:25

相關問題