Silverlight中可以通过ScrollIntoView方法来定位具体的某一项。
前台界面定义一个ListBox,一个TextBox和一个Button,在TextBox中输入数字,点击Button定位到TextBox中指定的位置。
<StackPanel x:Name="LayoutRoot" Background="White" Height="400" Orientation="Vertical">
<ListBox x:Name="lbRApproach" Grid.Row="1" Width="290" Height="200" Margin="0,33,0,0" Style="{StaticResource ListStyle}">
<ListBox.ItemTemplate>
<DataTemplate>
<Canvas Height="30">
<TextBlock Text="{Binding TicketName}" Foreground="#FF333333" FontSize="12" Canvas.Left="13" Canvas.Top="7" />
<TextBox x:Name="txtCash" Height="28" Width="180" TextWrapping="Wrap" BorderThickness="0" Style="{StaticResource jiesuanTextBoxStyle01}" Text="{Binding Amount}" Foreground="#FF4B4B4B" FontSize="16" FontWeight="Bold" Canvas.Left="63" Canvas.Top="1" />
</Canvas>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<TextBox x:Name="txtView" Width="150" Height="50" />
<Button x:Name="btnClick" Width="150" Height="50" Content="Click" />
</StackPanel>
按钮事件
{
int currentRow = Convert.ToInt32(txtView.Text);
if (currentRow > lbRApproach.Items.Count)
{
MessageBox.Show( " 超出范围,请重新输入 " );
return ;
}
lbRApproach.SelectedIndex = Convert.ToInt32(txtView.Text) - 1 ;
lbRApproach.ScrollIntoView(lbRApproach.SelectedItem);
}
效果
如果ListBox的数据源发生改变的时候,如添加或是删除一条数据,要先UpdateLayout,否则用ScrollIntoView不管用。
在界面上添加一个按钮,用来给ListBox添加一条数据,并定位到当条数据。
后台代码
{
TicketTest t = new TicketTest()
{
TicketName = " Test " ,
Amount = " 90 " ,
TicketType = ""
};
ticket.Add(t);
this .lbRApproach.ItemsSource = null ;
this .lbRApproach.ItemsSource = ticket;
lbRApproach.SelectedIndex = lbRApproach.Items.Count - 1 ;
// lbRApproach.UpdateLayout();
lbRApproach.ScrollIntoView(lbRApproach.SelectedItem);
}
没用用UpdateLayout方法,点击后数据添加了,虽然也用了ScrollIntoView方法,但是并没有想要的效果。
采用LayoutUpdate方法后
PS:代码没有加其他的一些验证