使用 Jetpack 主题的 Silverlight Datagrid 在编辑内容时不会拉伸文本框

Question

我在一个使用 Datagrids 的应用程序中使用 Jetpack 主题。使用 DataGridTextColumn 编辑绑定内容时，文本框不会一直横向和向下拉伸。当向我的模型添加新项目时，这是一个问题，因为文本的值将为空，文本框的点击区域很小，并且给我们的用户带来了问题。

如何覆盖文本框样式，以便文本框在数据网格的单元格内完全水平和垂直拉伸？对于 DataGridTemplateColumn 内的组合框，我也有同样的问题。当没有默认值时，组合框很小，直到选择一个值为止，一旦选择了一个值，组合框只会拉伸到所选内容的宽度，而不是在网格内填充自身。

我创建了一个没有主题的新项目，一切正常，所以它与 Jetpack 主题有关，但我就是不知道在哪里。有人有什么想法吗？

更新：我尝试使用此样式作为列的 EditElementStyle：

<Style TargetType="TextBox" x:Key="StretchTextBox">
    <Setter Property="HorizontalAlignment" Value="Stretch" />
</Style>

这也不起作用。

Answer 1

找到 DataGridTemplateColumn 模板/样式 TargetType="data:DataGridCell"

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="VerticalContentAlignment" Value="Stretch"/>

找到 ContentPresenter 元素并设置
Horizo​​ntalAlignment="{TemplateBinding Horizo​​ntalContentAlignment}"
和 VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

或者您可能必须更改 ContentTemplate

我没有 Jetpack 主题，但我希望这会有所帮助。我只是猜测可能出了什么问题。

Answer 2

我已经找到了答案，但我将朗普林的答案标记为已接受，因为他告诉我该怎么做。如果您查看 http://www.silverlight.net/content/samples /sl4/themes/jetpack.html 那里的数据网格做了同样的事情。启动一个没有主题的新 SL 应用程序可以使数据网格按预期工作。注释掉整个 ContentTemplate 会使单元格中的内容按应有的方式填充：

<Style TargetType="sdk:DataGridCell">
    <Setter Property="FontFamily" Value="{StaticResource NormalFontFamily}" />
    <Setter Property="FontSize" Value="{StaticResource DefaultFontSize}" />
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    <Setter Property="HorizontalAlignment" Value="Stretch" />
    <Setter Property="IsTabStop" Value="False" />
    <Setter Property="Padding" Value="7"/>
    <!--
    <Setter Property="Template" Value="{StaticResource DataGridCellTemplate}" />
-->
    <Setter Property="VerticalContentAlignment" Value="Stretch" />
</Style>

我对主题和动画了解不多，但这似乎可以解决问题。我在活动行周围有一条蓝线，但它并不重要。

Answer 3

JetPack 主题中的 DataGrid 模板存在此问题（单元格内容不拉伸），而 SDK 中的默认模板则没有。上面的答案并没有解决 JetPack 模板的问题；相反，它展示了如何使用默认的 SDK 模板而不是 JetPack 模板。我想我应该发布 JetPack 模板本身的修复程序。

在 JetPack 主题的 SDKStyles.xaml 资源字典中：

1. 使用 x:Key="DataGridCellTemplate" 找到 ControlTemplate 元素
2. 在 ControlTemplate 中，找到 ContentControl 元素
3. 将 Horizo​​ntalContentAlignment 和 VerticalContentAlignment 设置为在 ContentControl 上拉伸。

默认 SDK 模板与 JetPack 模板之间存在差异的原因是 SDK 使用 ContentPresenter，而 JetPack 模板使用 ContentControl。