Question

我在XAML中有以下代码：

<data:DataGridTemplateColumn>

   <data:DataGridTemplateColumn.CellTemplate>

      <DataTemplate>

         <Image x:Name="picture" Width="200" Height="130" Visibility="Visible"/> 

      </DataTemplate>

   </data:DataGridTemplateColumn.CellTemplate>

</data:DataGridTemplateColumn>

如果不使用此XAML代码，我将如何处理（C＃）背后的代码呢？

编辑：

以下是我使用的解决方案：

Creating a Silverlight DataTemplate in code

这让我可以完全按照自己的意愿行事。

Answer 1

例如，您有一个简单的DataGrid

    <sdk:DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Items}">
        <sdk:DataGrid.Columns>
            <sdk:DataGridTemplateColumn CellTemplate="{StaticResource ImageCellTemplate}"/>
        </sdk:DataGrid.Columns>
    </sdk:DataGrid>

如果要将多个模板应用于单个DataGridRow，可以更改模板内部部件的可见性：

    <DataTemplate x:Key="ImageCellTemplate">
        <Grid>
            <StackPanel Orientation="Horizontal" Visibility="{Binding IsImageTemplate}">
                <Image Width="20" Height="20"/>
                <TextBlock Text="{Binding Title}"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Visibility="{Binding IsTextBoxTemplate}">
                <TextBlock Text="{Binding Id}" Foreground="Red"/>
                <TextBox Text="{Binding Title}"/>
            </StackPanel>
        </Grid>
    </DataTemplate>

有Image的部分和TextBox的部分绑定到项目视图模型的属性（分别是IsImageTemplate和IsTextBoxTemplate）。它们是相互排斥的，面板不会相互覆盖。

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        var items = new List<ItemViewModel>()
        {
            new ItemViewModel{Id = 1, Title="First", IsImage = true},
            new ItemViewModel{Id = 2, Title="Second", IsImage = false},
            new ItemViewModel{Id = 3, Title="Third", IsImage = false}
        };
        this.DataContext = new MainViewModel { Items = items };
    }
}

public class MainViewModel
{
    public List<ItemViewModel> Items { get; set; }
}

public class ItemViewModel
{
    public int Id { get; set; }
    public string Title { get; set; }
    public bool IsImage { get; set; }

    public Visibility IsImageTemplate
    {
        get { return (IsImage == true) ? Visibility.Visible : Visibility.Collapsed; }
    }

    public Visibility IsTextBoxTemplate
    {
        get { return IsImage == false ? Visibility.Visible : Visibility.Collapsed; }
    }
}

XAML背后的Silverlight代码

1 个答案: