ylbtech-SilverLight-DataBinding-DataTemplates: 三、数据绑定 DataTemplates模板的使用

• 1.A, Data Templates Intro(数据模板说明)
• 1.B, Separating and Resuing Templates(分离和复用模板)
• 1.C, More Advanced Templates(更先进的模板)
• 1.D, Changing Items Layout(改变项目布局)

测试数据地址： 的“1.A, Product.cs 产品类”

1.A, Data Templates Intro(数据模板说明)

1,

最好的方式来了解数据模板的工作原理是首先基本列表,不

使用一个模板。

例如,考虑这个列表框,这是先前所显示的:

你可以得到同样的效果和这个列表框,使用一个数据模板:

 4,

1.B, Separating and Reusing Templates(分离和重用模板)

1,图片

1.1, 目标效果图

1.2, 实际效果图

2,

2.1/3,[无]

2.2/3,

           
             
                  
                   
               
                      
                  
                       
                        
                    
                   
                   
                       
                            
              
               
                
                 
                  
                   
                   
                  
                  
                  
                 
                
               
                         
                    
                   
              
                  
                       
                        
                        
                        
                        
                        
                    
                   
                       
                        
                    
                   
           
            Product Id:
                   
                   
           
            Product Name:
                   
                   
           
            Quantity Per Unit:
                   
                   
           
            Unit Price:
                   
                   
           
            Description:
                   
               
          
         
        

2.3/3,

using System.Windows.Controls;using SLYlbtechApp.Access;namespace SLYlbtechApp.DataBinding.DataTemplates{    public partial class SeparatingAndResuingTemplates : UserControl    {        public SeparatingAndResuingTemplates()        {            InitializeComponent();            this.lstProduct.ItemsSource = Product.GetAll();        }        private void lstProduct_SelectionChanged(object sender, SelectionChangedEventArgs e)        {                        this.gridDetailProduct.DataContext = this.lstProduct.SelectedItem;        }    }}

3,代码摘要

4,

1.C, More Advanced Templates(更先进的模板)

1, 图片

1.1, 目标效果图

1.2, 实际效果图

2,

2.1/3,[无]

2.2/3,

             
              
                  
                       
                            
                                 
               
                
                
                
                                  
                                  
                                  
                              
                         
                    
               
              
          
         
             
                  
                       
                        
                    
                   
                       
                            
                             
                         
                        
                        
                        
                        
                                    
                   
                       
                            
                             
                             
                             
                             
                             
                         
                        
                            
                             
                         
                        
            
             Product Id:
                        
                        
            
             Product Name:
                        
                        
            
             Quantity Per Unit:
                        
                        
            
             Unit Price:
                        
                        
            
             Description:
                        
                    
               
          
         

2.3/3, 代码同上 1.B.2.3/3

3,

代码摘要

3.1/2,

做这个工作,你所需要做的是定义你的数据模板在一个资源

收集和给它一个键名。

这里的一个例子,提取模板所示

前面的示例:

3.2/2,现在你可以使用你的数据模板使用StaticResource参考:

 4,

1.D, Changing Items Layout(改变项目布局)

1, 图片

1.1, 目标效果图

1.2, 实际效果图

2,

2.1/3,

xmlns:controlsToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"

2.2/3,

              
               
                   
                        
                             
                                  
                
                 
                 
                 
                                   
                                   
                                   
                               
                          
                     
                
               
           
          
              
                   
                        
                         
                     
                    
                        
                             
                              
                          
                         
                                         
                         
                             
                                  
                
                 
                               
                          
                                     
                    
                        
                             
                              
                              
                              
                              
                              
                          
                         
                             
                              
                          
                         
             
              Product Id:
                         
                         
             
              Product Name:
                         
                         
             
              Quantity Per Unit:
                         
                         
             
              Unit Price:
                         
                         
             
              Description:
                         
                     
                
           
          

2.3/3, 代码同上 1.B.2.3/3

3,

代码摘要

数据模板给你非凡的控制各方面的项目演示。

然而,

他们不允许你改变项目组织与尊重对方。

没有

不管你使用的模板和样式,列表框将每个项目到一个单独的水平

行和栈的每一行创建列表。

你可以改变这个布局取代容器列表使用奠定了

的派生。

这样做,你们设置ItemsPanel财产与一块XAML,定义了面板

你想使用。

这个小组可以是任何类,来源于系统windows控制面板,

包括一个自定义布局容器实现你自己的专业布局逻辑。

以下使用WrapPanel从Silverlight Toolkit

(),这是在第三章描述。

它安排项目

从左到右的多个行:

4,

1.E, 参考资料

 

[Silverlight.3.高级编程(C#篇)].Apress.Pro.Silverlight.3.in.C.Sharp.Oct.2009

 

作者： 出处： 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。