zoukankan      html  css  js  c++  java
  • Silverlight中ListBox的数据绑定

        在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中,

     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     }

         在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"/>

      方式二:

     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>

      以上。

  • 相关阅读:
    Sql2000分页效率
    CSS笔记
    向模态窗体传递参数和获取返回值
    css 实现div 内容垂直居中
    轻量级的数据交换格式——初识Json
    CSS 绝对定位
    前台小模块CSS布局代码
    XML常用类(淘宝API)
    表单form
    js 分页
  • 原文地址:https://www.cnblogs.com/ldm1989/p/3731010.html
Copyright © 2011-2022 走看看