DataTemplate.DataType thay thế trong Silverlight

Question

Tôi có kiểu xem với thuộc tính Fields là ObservableCollection<FieldVM>. Trong quan điểm cho rằng sử dụng thuộc tính này, tôi có một ItemsControl như vậy:

... 
<ItemsControl ItemsSource="{Binding Fields}" /> 
... 

FieldVM là một lớp trừu tượng, bởi các lớp học như vậy thực hiện như TextFieldVM và EnumFieldVM. Trong thời gian chạy, các FieldVM -thực hiện này được thêm vào thuộc tính Fields và tôi muốn chúng hiển thị trong chế độ xem của tôi với chế độ xem được liên kết.

Trong WPF, thực hiện điều này rất đơn giản, tôi luôn làm điều đó. Bạn chỉ cần làm điều này trong một từ điển tài nguyên thích hợp, và mọi thứ hoạt động như mong đợi:

<DataTemplate DataType="{x:Type vm:TextFieldVM}"> 
    <v:TextFieldView /> 
</DataTemplate> 

<DataTemplate DataType="{x:Type vm:EnumFieldVM}"> 
    <v:EnumFieldView /> 
</DataTemplate> 

Bây giờ, làm việc trong Silverlight cho lần đầu tiên, tôi mong đợi Tôi chỉ có thể làm điều tương tự, nhưng DataTemplate không có một tài sản DataType. Tôi bối rối. Silverlight-cách làm điều này là gì?

Answer 1

Sử dụng Chuyển đổi giá trị gia tăng để ràng buộc kiểu để tầm nhìn của mỗi điểm:

<DataTemplate> 
    <Grid> 
     <v:EnumFieldView 
      Visibilty="{Binding Converter={StaticResource ViewVisibilityConverter}, ConverterParameter=Enum}" /> 
     <v:TextFieldView 
      Visibilty="{Binding Converter={StaticResource ViewVisibilityConverter}, ConverterParameter=Text}" /> 
    </Grid 
</DataTemplate> 

Và trong ConvertTo của ViewVisibilityConverter, chuyển đổi khả năng hiển thị dựa trên loại.

Một cách khác để xem xét nó là sử dụng một loại công cụ chuyển đổi giá trị khác để trả về một mẫu dữ liệu khác từ Application.Resources.

<ListBox ItemTemplate="{Binding Converter={StaticResource ItemTemplateFactory}"/> 

trong ItemTemplateFactory.Convert():

var fieldVM = value as FieldVM; 

switch fieldVM.FieldType: 
{ 
    case "Text": 
     return Application.Current.Resources["TextTemplate"] as DataTemplate; 

    case "Enum": 
     return Application.Current.Resources["EnumTemplate"] as DataTemplate; 

} 

Answer 2

Silverlight không có DataTemplateSelector nhưng tôi đã sử dụng đoạn mã này ...

<ItemsControl.ItemTemplate> 
    <DataTemplate> 
     <client:TemplateSelector Content="{Binding}"/> 
    </DataTemplate> 
</ItemsControl.ItemTemplate> 

Dưới đây là các mẫu selector:

public class TemplateSelector : ContentControl 
{ 
    protected override void OnContentChanged(object oldContent, object newContent) 
    { 
     base.OnContentChanged(oldContent, newContent); 

     MyObject f = newContent as MyObject; 

     switch (f.MyProperty) 
     { 
      case "Bool": 
      case "String": 
      case "Array": 
      default: 
       ContentTemplate = Application.Current.Resources["MultiSelectDataTemplate"] as DataTemplate; 
       break; 
     } 
    } 
} 

Answer 3

Biến thể trên tùy chọn thứ hai từ Michael (vì tôi không thể làm cho nó hoạt động trực tiếp).

Trong các nguồn lực xác định một datatemplate thêm:

<DataTemplate x:Key="DynamicTemplate"> 
    <ContentPresenter ContentTemplate="{Binding Converter={StaticResource TemplateChooser}}" Content="{Binding}"/> 
</DataTemplate> 

Và sau đó sử dụng mẫu dữ liệu này trong ListBox

<ListBox ItemTemplate="{StaticResource DynamicTemplate}"> 

TemplateChooser phải là một IValueConvertor, nơi mà các chức năng Chuyển đổi lấy một đối tượng và trả về DataTemplate nên được sử dụng cho đối tượng đó.

Answer 4

Microsoft Prism library có thực hiện DataTemplateSelector tùy chỉnh, hãy chú ý classnames trong DataTemplate x: Phím:

    <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <prism:DataTemplateSelector Content="{Binding}" HorizontalContentAlignment="Stretch" IsTabStop="False"> 
          <prism:DataTemplateSelector.Resources> 
           <DataTemplate x:Key="OpenQuestionViewModel"> 
            <Views:OpenQuestionView DataContext="{Binding}"/> 
           </DataTemplate> 

           <DataTemplate x:Key="MultipleSelectionQuestionViewModel"> 
            <Views:MultipleSelectionView DataContext="{Binding}"/> 
           </DataTemplate> 

           <DataTemplate x:Key="NumericQuestionViewModel"> 
            <Views:NumericQuestionView DataContext="{Binding}"/> 
           </DataTemplate> 
          </prism:DataTemplateSelector.Resources> 
         </prism:DataTemplateSelector> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 

Answer 5

Bạn đã cố gắng bỏ qua thuộc tính DataType? và chỉ cần viết một cái gì đó như thế này:

<DataTemplate> 
    <v:TextFieldView /> 
</DataTemplate> 

làm việc cho tôi

Answer 6

Silverlight 5 sẽ cuối cùng bao gồm chức năng này. Cho đến lúc đó câu trả lời được đánh dấu là một trong những cách tốt hơn tôi đã nhìn thấy.

Answer 7

Bài đăng trên blog này: http://www.c-sharpcorner.com/Blogs/1937/ trình bày những gì trông giống như một công cụ chọn mẫu dữ liệu do-it-yourself tốt đẹp giả mạo làm công cụ chuyển đổi giá trị. Nó có lợi thế là không cần phải cài đặt Prism.