Silverlight：ListBox 内的 DataGrid。将 DataGrid 列绑定到父列表框的 ItemsSource 属性。银光

Question

我对这个有点困惑。我有一个名为“AllProducts”的集合，其中有一个名为“ProductGroups”（分别对项目进行分组）的集合，其中包含一个名为“LineItems”（实际项目）的“Product”对象的集合。

为了进行设置，我在列表框项目的项目模板内设置了一个带有 DataGrid 的列表框。将列表框的 ItemsSource 设置为“ProductGroups”，并且 DataGrid（在项目模板中）具有指向 LineItems 的 ItemsSource。

DataGrid 包含列：
“选择”——复选框和单选按钮
“图像”——字符串
“名称”——字符串
“描述”——字符串
“Price” -- string

“ProductGroup”集合每个组都有一个名为“IsListItem”的 bool 属性，该属性应该告诉我是否可以为该组选择多个或单个项目（因此中的复选框和单选按钮） DataGrid 的第一列）。我希望将 checkbuttons 和 radiobuttons 可见性属性绑定到“IsListItem”布尔值，我已经使用带有“IsInverted”属性的 BoolToVisibility 转换器设置了该属性来来回切换它们。

我遇到的问题是，我希望包含复选框/单选按钮的 DataGrid 的第一列绑定到 ProductGroups 的 IsLineItem（即 ListBox 的 ItemsSource）。但是由于 DataGrid 的 ItemsSource 绑定到 LineItems，因此DataGrid 的 DataContext 设置为 LineItems，我无法访问它之外的任何内容，

这里有一些代码可以提供帮助：

ListBox XAML：

<sdk:TabItem Header="Pmt" x:Name="Payment">
                <Canvas x:Name="PaymentRoot" DataContext="{Binding Products.ProductGroups}">
                    <Rectangle Height="418" Canvas.Top="-14" Width="560" Style="{StaticResource MappingRectangleBG}" />
                    <StackPanel Canvas.Left="20" Canvas.Top="20" Width="520" Height="360">
                        <ListBox x:Name="lstProductGroups"  ItemsSource="{Binding}" ItemTemplate="{StaticResource ProductListItem}" />      
                    </StackPanel>
                </Canvas>
            </sdk:TabItem>

ListBox ItemTemplate XAML：

<sdk:DataGrid x:Name="dgLineItems" ItemsSource="{Binding LineItems}">               
            <sdk:DataGrid.Columns>
                <sdk:DataGridTemplateColumn  Header="Select">
                    <sdk:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <CheckBox Visibility="{Binding IsListType, Converter={StaticResource boolToVisibilityConverter}}" />
                                <RadioButton Visibility="{Binding IsListType, Converter={StaticResource inverseBoolToVisibilityConverter}}" GroupName="{Binding GroupName}"/>
                            </StackPanel>                               
                        </DataTemplate>
                    </sdk:DataGridTemplateColumn.CellTemplate>
                </sdk:DataGridTemplateColumn>
                <sdk:DataGridTemplateColumn  Header="Image">
                    <sdk:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Source="{Binding ImageUrl}" Height="50" />
                        </DataTemplate>
                    </sdk:DataGridTemplateColumn.CellTemplate>
                </sdk:DataGridTemplateColumn>
                <sdk:DataGridTextColumn Header="Item Name"
            Binding="{Binding Name}" />
            <sdk:DataGridTextColumn Header="Item Price"
            Binding="{Binding Price}" />
            </sdk:DataGrid.Columns>
        </sdk:DataGrid>

    </StackPanel>
</DataTemplate>

和。我的对象：

public class AllProducts
{

    public IEnumerable<ProductOptionGroup> ProductGroups;
}


public class ProductOptionGroup
{

    public string GroupName;

    public IEnumerable<Product> LineItems;

    public bool IsListType;
}


public class Product
{

    public int ID;

    public int OrdinalNumber;

    public string Name;

    public string Description;

    public Decimal Price;

    public string ImageUrl;

    public CartItemType Type;
}

（MichaelS）：我尝试将其设置为父“PaymentRoot”Canvas 的 DataContext，但它对我没有任何作用，这是我尝试过的：

<CheckBox Visibility="{Binding ElementName=PaymentRoot, Path=DataContext.IsListType, Converter={StaticResource boolToVisibilityConverter}}" />
<RadioButton Visibility="{Binding ElementName=PaymentRoot, Path=DataContext.IsListType, Converter={StaticResource inverseBoolToVisibilityConverter}}" GroupName="{Binding ElementName=PaymentRoot, Path=DataContext.GroupName}"/>

（MichaelS）：这是它在我的虚拟机中的设置方式： 私人 AllProducts 产品；

public AllProducts Products
    {
        get
        {
            return products;
        }
        set
        {
            //Products.ProductGroups[0].LineItems[0].
            products = value;
            RaisePropertyChanged("Products");
        }
    }

Answer 1

更新：
以下代码将不起作用，因为这是在 Silverlight 3 时间范围后期发现的已知问题。
使用 column.GetCellContent(e.Row) 在 LoadingRow 事件中设置 Binding 应该可以解决该问题。

在这种特殊情况下，您希望能够做到这一点，因为 dataGrid 本身是另一个控件的 dataTemplate。

---

试试这个：
用另一个 Grid 包裹您的 datagrid。为其命名，并将其用于元素绑定。
此代码应该有效：

<StackPanel>
        <Grid x:Name="GridDataHolder">
            <sdk:DataGrid x:Name="dgLineItems" ItemsSource="{Binding LineItems}">
                <sdk:DataGrid.Columns>
                    <sdk:DataGridTemplateColumn  Header="Select">
                        <sdk:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <CheckBox Visibility="{Binding ElementName=GridDataHolder, Path=DataContext.IsListType, Converter={StaticResource boolToVisibilityConverter}}" />
                                    <RadioButton Visibility="{Binding ElementName=GridDataHolder, Path=DataContext.IsListType, Converter={StaticResource inverseBoolToVisibilityConverter}}" GroupName="{Binding ElementName=GridDataHolder, Path=DataContext.GroupName}"/>
                                </StackPanel>
                            </DataTemplate>
                        </sdk:DataGridTemplateColumn.CellTemplate>
                    </sdk:DataGridTemplateColumn>
                    <sdk:DataGridTemplateColumn  Header="Image">
                        <sdk:DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Image Source="{Binding ImageUrl}" Height="50" />
                            </DataTemplate>
                        </sdk:DataGridTemplateColumn.CellTemplate>
                    </sdk:DataGridTemplateColumn>
                    <sdk:DataGridTextColumn Header="Item Name"
        Binding="{Binding Name}" />
                    <sdk:DataGridTextColumn Header="Item Price"
        Binding="{Binding Price}" />
                </sdk:DataGrid.Columns>
            </sdk:DataGrid>
        </Grid>
    </StackPanel>

顺便说一句，我不确定绑定是否适用于公共成员，您可能需要将这些绑定成员更改为公共属性。

Answer 2

终于修好了！我最终要做的就是完全摆脱 DataGrid，因为工具包中的许多控件似乎都存在即使通过元素绑定也无法绑定到外部的错误。

我将 DataGrid 变成了一个 ListBox，并使用另一个用于 LineItems 的 DataTemplate 完全自定义了它的外观，以实现与 DataGrid 类似的外观。

另请注意：我首先尝试通过元素绑定绑定到 DataTemplate 外部的 StackPanel，但似乎存在问题。因此，我在 DataTemplate 的 DataContext 内设置网格，然后通过元素绑定将复选框和单选按钮绑定到父列表框的 dataTemplate 内的网格，这样就成功了！

这里有一些工作代码，供以后遇到同样问题的人使用！：

<DataTemplate x:Key="LineItemsTemplate">
    <StackPanel Orientation="Horizontal">
        <StackPanel Height="100" Width="100">
            <StackPanel Height="40" Orientation="Vertical">
                <RadioButton Content="{Binding Name}" Visibility="{Binding ElementName=GridDataHolder, Path=DataContext.IsListType, Converter={StaticResource boolToVisibilityConverter}}" GroupName="{Binding ElementName=GridDataHolder, Path=DataContext.GroupName}"/>
                <CheckBox Content="{Binding Name}" Visibility="{Binding ElementName=GridDataHolder, Path=DataContext.IsListType, Converter={StaticResource inverseBoolToVisibilityConverter}}"/>
            </StackPanel>
            <Image Source="{Binding ImageUrl}" Height="50" />
        </StackPanel>
        <TextBlock TextWrapping="Wrap" Text="{Binding Description}"/>
    </StackPanel>
</DataTemplate>
<DataTemplate x:Key="ProductListItem">
    <StackPanel x:Name="GridDataHolder">
            <TextBlock TextWrapping="Wrap" Text="{Binding GroupName}" VerticalAlignment="Top" d:LayoutOverrides="Width"/>
            <ListBox x:Name="lstProductGroups"  ItemsSource="{Binding LineItems}" ItemTemplate="{StaticResource LineItemsTemplate}">
            </ListBox>
    </StackPanel>
</DataTemplate>

<sdk:TabItem Header="Pmt" x:Name="Payment">
            <Canvas>
                <Rectangle Height="418" Canvas.Top="-14" Width="560" Style="{StaticResource MappingRectangleBG}" />
                <ScrollViewer Height="389" Width="545" x:Name="PaymentRoot" DataContext="{Binding Products.ProductGroups}">
                    <StackPanel Orientation="Vertical" ScrollViewer.VerticalScrollBarVisibility="Auto" Width="500" HorizontalAlignment="Center">
                        <ListBox x:Name="lstProductGroups"  ItemsSource="{Binding}" ItemTemplate="{StaticResource ProductListItem}" />      
                    </StackPanel>
                </ScrollViewer>
            </Canvas>
        </sdk:TabItem>

感谢 MichaelS 的所有帮助！你让我走上了正确的道路！