码迷,mamicode.com
首页 > Web开发 > 详细

Silverlight中ListBox的数据绑定

时间:2014-05-20 01:59:10      阅读:414      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   c   code   java   

    在Silverlight中ListBox是一个非常强大的控件。总结下ListBox的绑定数据的方式。

    首先,新建一个Book类,

1     public class Book
2     {
3         public string BookName { get; set; }
4 
5         public string Author { get; set; }
6     }

    接下来BookViewModel.cs中,

bubuko.com,布布扣
 1     public class BookViewModel
 2     {
 3         private List<Book> booklist;
 4 
 5         public BookViewModel()
 6         {
 7             this.booklist = new List<Book>() { 
 8             new Book(){BookName="book1",Author="author1"},
 9             new Book(){BookName="book2",Author="author2"},
10             new Book(){BookName="book3",Author="author3"}
11             };
12         }
13 
14         public List<Book> BookList
15         {
16             get { return this.booklist; }
17         }
18     }
bubuko.com,布布扣

     在View中,添加绑定ViewModel

1     <UserControl.DataContext>
2         <viewmodel:BookViewModel/>
3     </UserControl.DataContext>

  有两种绑定ListBox的方式:

  方式一:

1 <ListBox Name="listtmp" Grid.Row="1" Grid.Column="0" ItemsSource="{Binding BookList,Mode=TwoWay}" 
2                  DisplayMemberPath="BookName"/>

  方式二:

bubuko.com,布布扣
 1 <ListBox Grid.Row="1" Grid.Column="0" ItemsSource="{Binding BookList,Mode=TwoWay}">
 2             <ListBox.ItemTemplate>
 3                 <DataTemplate>
 4                     <StackPanel Orientation="Horizontal">
 5                         <TextBlock Text="{Binding BookName,Mode=TwoWay}"/>
 6                         <TextBlock Text="||"/>
 7                         <TextBlock Text="{Binding Author,Mode=TwoWay}"/>
 8                     </StackPanel>                    
 9                 </DataTemplate>
10             </ListBox.ItemTemplate>            
11         </ListBox>
bubuko.com,布布扣

  以上。

 

Silverlight中ListBox的数据绑定,布布扣,bubuko.com

Silverlight中ListBox的数据绑定

标签:style   blog   class   c   code   java   

原文地址:http://www.cnblogs.com/ldm1989/p/3731010.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!