Question

我试图找出一种定义自定义用户控件的方法，如下图所示：

第一列突出显示该行，而第二列突出显示＆＃34;内部行＆＃34;对于每个外行，都应该有一个文本框字段，用户可以在其中输入数据。

我所挣扎的是要了解这是否可行。我想出的所有解决方案都在第二个外行（TextField 2.1.1）上添加了另一个标签。

我能来的最近是一个糟糕的模拟，它基本上归结为一个ItemsControl绑定到DataTemplate定义如下：

<ItemsControl  Name="SelectedSampleData"  Grid.Row="1" ItemsSource="{Binding SelectedSampleData}" ItemTemplate="{StaticResource DefaultTemplate}" />

<DataTemplate x:Key="DefaultTemplate">
    <Grid x:Name="GridItem" MaxWidth="{Binding ElementName=Container,Path=ActualWidth}" >
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Viewbox Height="20"  HorizontalAlignment="Left">
            <TextBlock Grid.Row="0" Text="{Binding Path=field1}" Margin="5,1,0,0" Background="LightBlue" />
        </Viewbox>
        <igDP:XamDataGrid Name="GridConsuntivi" Grid.Row="1" DataSource="{Binding Path=field2List}" Margin="25,0,0,0">
            <igDP:XamDataGrid.FieldLayouts>
                <igDP:FieldLayout Key="DefaultLayout">

                    <igDP:FieldLayout.Fields >

                        <igDP:Field Name="label1" IsReadOnly="True">
                            <igDP:Field.Settings>
                                <igDP:FieldSettings LabelTextWrapping="Wrap" LabelMaxWidth="100" AllowEdit="False" />
                            </igDP:Field.Settings>
                        </igDP:Field>

                        <igDP:Field Name="label2" IsReadOnly="True">
                            <igDP:Field.Settings>
                                <igDP:FieldSettings LabelTextWrapping="Wrap" LabelMaxWidth="70" AllowEdit="False" />
                            </igDP:Field.Settings>
                        </igDP:Field>

                        <igDP:Field Name="label3" IsReadOnly="True">
                            <igDP:Field.Settings>
                                <igDP:FieldSettings LabelTextWrapping="Wrap" LabelMaxWidth="70" AllowEdit="False" />
                            </igDP:Field.Settings>
                        </igDP:Field>

                        <igDP:Field Name="label3" IsReadOnly="True">
                            <igDP:Field.Settings>
                                <igDP:FieldSettings LabelTextWrapping="Wrap" LabelMaxWidth="95" AllowEdit="False" />
                            </igDP:Field.Settings>
                        </igDP:Field>

                        <igDP:Field Name="label4" IsReadOnly="True">
                            <igDP:Field.Settings>
                                <igDP:FieldSettings LabelTextWrapping="Wrap" LabelMaxWidth="180" AllowEdit="False" />
                            </igDP:Field.Settings>
                        </igDP:Field>

                    </igDP:FieldLayout.Fields>
                </igDP:FieldLayout>
            </igDP:XamDataGrid.FieldLayouts>

        </igDP:XamDataGrid>
        <TextBox Margin="25,10,0,0" AcceptsReturn="True"  MaxWidth="{Binding ElementName=parent,Path=ActualWidth}"  TextWrapping="Wrap" IsEnabled="True" Grid.Row="2" Text="{Binding Path=note}" />
        <Separator Grid.Row="3"/>
    </Grid>
</DataTemplate>

这样玩：

除了我认为可以通过一些艺术触觉（我没有）修复的视觉丑陋之外，我讨厌有两个标题具有相同信息的事实。我希望它感觉它是一个单一的统一组件。

你有什么想法吗？

我正在考虑在xamdatagrid的标题可见性上放置某种转换器，如果它不是显示的第一行，则会隐藏它，但我试图避免这种漂亮的技巧。

我使用Infragistics，如果它有帮助。

提前致谢

Answer 1

内部行，未在标准列（文本字段）中对齐的组件以及多个行标题将强制您“劫持”DataGrid的基本概念。我建议您在没有DG的情况下开发自己的用户控件。

否则，您将不得不重新定义整个DataGrid的模板，您肯定需要一些自定义行为/逻辑，因此您还需要扩展DataGrid控件本身。

以下文章可以为您提供一个很好的切入点 https://www.codeproject.com/articles/586132/wpf-datagrid-custommization-using-style-and-templa

WPF自定义网格控件

1 个答案: