silverlight RowDetailsTemplate 是否存在不成文的限制？

Question

我一直在盯着我的一个 Silverlight 数据网格中的 RowDetailsTemplate 定义的一些代码，并考虑重构它，因为它看起来像是有重复的网格。看完这个之后，我想我只需要一个数据网格，但事实证明，需要这个奇怪、神秘的双网格来让所有项目对齐：

<data:DataGrid.RowDetailsTemplate>
<DataTemplate>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition  />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition  />
                 <ColumnDefinition  />
                 <ColumnDefinition />
              </Grid.ColumnDefinitions>
              <Grid.RowDefinitions>
                  <RowDefinition MinHeight="20" />
                  <RowDefinition MinHeight="25" />
                  <RowDefinition MinHeight="25"  />
              </Grid.RowDefinitions>
              <TextBlock Grid.Row="0" Grid.Column="0" Text="Attendee Cap" Margin="0,0,50,0" />
              <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding AttendeeCap}"/>

              <TextBlock Text="Start Date" Grid.Row="1" Grid.Column="0" Margin="0,0,50,0" />
              <controls:DatePicker SelectedDate="{Binding StartDate, Mode=TwoWay}"  Grid.Row="1" Grid.Column="1"/>
             <input:TimePicker Value="{Binding StartDate, Mode=TwoWay}"   Grid.Row="1" Grid.Column="2" MinWidth="65" />

             <TextBlock Text="End Date" Grid.Row="2" Grid.Column="0" Margin="0,0,50,0" />
             <input:TimePicker Value="{Binding EndDate, Mode=TwoWay}"   Grid.Row="2" Grid.Column="2" MinWidth="65" />
            <controls:DatePicker SelectedDate="{Binding EndDate, Mode=TwoWay}"  Grid.Row="2" Grid.Column="1" />
        </Grid>
     </Grid>
</DataTemplate>

我想我可以去掉第一个网格定义，只保留内容之前的网格定义。问题是，如果我去掉那个网格，文本框、数据选择器和时间选择器就不会显示。

我是否遗漏了一些关于导致这种巫毒行为的 RowDetailsTemplate 的不成文规则？

Answer 1

您可以删除第一个网格中的第三个 ColumnDefinition 条目，因为没有为其分配任何内容，列定义二和三时的唯一目的是将可用宽度分为三部分。如果执行此操作，您可能希望对第一列定义应用宽度，并将第二列保留为自动调整大小以填充剩余空间。

当网格内有项目时，它们会自动放置在第 0 列、第 0 行中，除非您另外指定。这意味着您的内部网格被放置在外部网格的第一列（第 0 列）中，因为它没有 Grid.Column="" 条目。此列当前使用其父容器的可用宽度的 ¹/₃。 IOW，外部网格用于约束内部网格。

您可以尝试使用 Snoop 来确定当前和修改后的布局发生了什么，或者您可以添加边框网格，以便您可以在渲染后看到它们的确切位置。