2013-04-06 2 views
0

У меня есть веб-страница с asp: ListView, и я пытаюсь выяснить, как программно прокручивать определенный элемент. Вот мой ASPX разметка:Программно прокручивать/перемещаться к элементу в .net asp: listview control

<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 яваскрипт метод:

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

Как указать, какой предмет? Скажем, у списка есть 100 элементов, и я хочу показать # 12? Нужно ли создавать уникальный идентификатор для каждой строки? – LilMoke

+0

Вы можете использовать jquery, чтобы найти 12-й элемент, например $ ("ul li: nth-child (12)") [0] .scrollIntoView (true); –

Смежные вопросы