Silverlight模拟WPF的TemplateSelector，以实现动态显示不同column

代码下载：

Service：WcfService7.zip

Silverlight：DynamicGridViewDemo.zip

思路简单介绍如下：

1.AttachedBehavior结合Resource来为Column中的列添加事件

2.使用DP，来封装多个GridView：

public class FormFieldTemplateSelector : UserControl
{
    public DataTemplate FirstTemplate { get; set; }
    public DataTemplate SecondTemplate { get; set; }

    public static readonly DependencyProperty FieldTypeProperty =
        DependencyProperty.Register("FieldType", typeof(string),
        typeof(FormFieldTemplateSelector), new PropertyMetadata(string.Empty));

    public string FieldType
    {
        get { return (string)GetValue(FieldTypeProperty); }
        set { SetValue(FieldTypeProperty, value); }
    }

    public FormFieldTemplateSelector()
    {
        Loaded += new RoutedEventHandler(OnLoaded);
    }

    private void OnLoaded(object sender, RoutedEventArgs e)
    {
        string fieldType = FieldType;
        if (fieldType == "1")
        {
            Content = FirstTemplate.LoadContent() as UIElement;
        }
        else if (fieldType == "2")
        {
            Content = SecondTemplate.LoadContent() as UIElement;
        }
        else
        {
            Content = null;
        }
    }
}

 

相应的XAML：

<local:FormFieldTemplateSelector Grid.Column="1" FieldType="{Binding CarriedNO}" Margin="0,2,0,2">
    <local:FormFieldTemplateSelector.FirstTemplate>
        <DataTemplate>

            <data:DataGrid ItemsSource="{Binding FlightList, Mode=OneWay}" SelectedItem="{Binding SelectedFlightInfo, Mode=TwoWay}"
               Margin="24,29,54,33"
               HorizontalAlignment="Stretch"  VerticalAlignment="Stretch"
               AutoGenerateColumns="False" IsReadOnly="True"
               >
                <data:DataGrid.Columns>
                    <data:DataGridTemplateColumn Header="FlightNO" Width="60" SortMemberPath="FlightNO" >
                        <data:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Tag="FlightNO" Text="{Binding FlightNO}"  />
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                    </data:DataGridTemplateColumn>
                    <data:DataGridTextColumn Header="Date" Width="58"  Binding="{Binding Date}" />
                    <data:DataGridTemplateColumn Header="ORIG" Width="58" SortMemberPath="ORIG">
                        <data:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Tag="ORIG" Text="{Binding ORIG}"
                                           local:MouseLeftButtonUp.Command="{Binding Path=Value, Source={StaticResource MouseLeftButtonUpCommand}}"
                                           />
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                    </data:DataGridTemplateColumn>
                </data:DataGrid.Columns>
            </data:DataGrid>

        </DataTemplate>
    </local:FormFieldTemplateSelector.FirstTemplate>
    <local:FormFieldTemplateSelector.SecondTemplate>
        <DataTemplate>

            <data:DataGrid ItemsSource="{Binding FlightList, Mode=OneWay}" SelectedItem="{Binding SelectedFlightInfo, Mode=TwoWay}"
               Margin="24,29,54,33"
               HorizontalAlignment="Stretch"  VerticalAlignment="Stretch"
               AutoGenerateColumns="False" IsReadOnly="True"
               >
                <data:DataGrid.Columns>
                    <data:DataGridTemplateColumn Header="FlightNO" Width="60" SortMemberPath="FlightNO" >
                        <data:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Tag="FlightNO" Text="{Binding FlightNO}"  />
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                    </data:DataGridTemplateColumn>
                    <data:DataGridTextColumn Header="Date" Width="58"  Binding="{Binding Date}" />
                    <data:DataGridTemplateColumn Header="DEST" Width="58" SortMemberPath="DEST">
                        <data:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Tag="DEST" Text="{Binding DEST}" 
                                           local:MouseLeftButtonUp.Command="{Binding Path=Value, Source={StaticResource MouseLeftButtonUpCommand}}"                                                   
                                           />
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                    </data:DataGridTemplateColumn>
                </data:DataGrid.Columns>
            </data:DataGrid>

        </DataTemplate>
    </local:FormFieldTemplateSelector.SecondTemplate>
</local:FormFieldTemplateSelector>