XAML 的 Silverlight 代码隐藏

发布于 2024-10-20 21:08:33 字数 618 浏览 5 评论 0原文

我在 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#) 中执行此操作?

编辑:

这是我正在使用的解决方案:

在代码中创建 Silverlight DataTemplate

这让我可以做我想做的事。

I have the following code in XAML:

<data:DataGridTemplateColumn>

   <data:DataGridTemplateColumn.CellTemplate>

      <DataTemplate>

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

      </DataTemplate>

   </data:DataGridTemplateColumn.CellTemplate>

</data:DataGridTemplateColumn>

How would do I this in the code behind (C#), without using this XAML code?

EDIT:

Here is the solution I am using:

Creating a Silverlight DataTemplate in code

This lets me do exactly what I want.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

辞旧 2024-10-27 21:08:34

例如,您有一个简单的 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 的部分code> 和带有 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; }
    }
}

For example, you have a simple DataGrid

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

If you want to have several templates applied to a single DataGridRow, you can change visibility of internal parts inside the template:

    <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>

There is the part with Image and the part with TextBox that are bound to the properties of an item view model (IsImageTemplate and IsTextBoxTemplate respectively). They are mutually exclusive and panels will not cover each other.

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; }
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文