WPF将文本框宽度绑定到列表框中的网格列
本文关键字:列表 网格 绑定 文本 WPF | 更新日期: 2023-09-27 18:03:14
我试图建立一个简单的(在设计方面)屏幕,允许用户输入多行数据。
屏幕格式为4列(TextBox
, TextBox
, ComboBox
, TextBox
),并动态添加新行。
我最初尝试了两种方法-一种使用DataGrid
,一种使用ListView
。
DataGrid
引起了许多令人头痛的问题,即当项目被单击退出时保持焦点,而ListView
使我无法始终访问底层单元格,而是返回由行表示的绑定数据对象。
我目前的方法使用一个表示一行的自定义组件,并包含3个TextBox
对象和一个ComboBox
对象。
在ListBox
中显示一个或多个对象。
这种方法允许更一致地处理事件,但在视觉上不太容易工作。
当前,当显示一行时,grid
中的前3列(其中有显式定义的width
)显示良好,但textbox
在最后一列中不扩展以填充可用的宽度。
面板相关代码:
<DockPanel LastChildFill="True" Name="basePanel">
<Grid x:Name="baseGrid">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="60" />
<ColumnDefinition Width="60"></ColumnDefinition>
<ColumnDefinition Width="55"></ColumnDefinition>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBox Name="txtYear" Grid.Column="0" Style="{StaticResource txtComponentStyle}" Text="{Binding Path=RatingYear, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}" />
<TextBox Name="txtArrears" Grid.Column="1" Style="{StaticResource txtComponentStyle}" Text="{Binding Path=ArrearsAmount, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}" />
<ComboBox Name="cmbChangeCode" Grid.Column="2" ItemsSource="{Binding Path=ChangeCodes, Mode=OneTime}" SelectedItem="{Binding Path=ChangeCode}" />
<TextBox Name="txtComments" Grid.Column="3" Style="{StaticResource txtComponentStyle}" Text="{Binding Path=Comments, ValidatesOnDataErrors=True,UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Stretch" />
</Grid>
</DockPanel>
当我在ListBox
中选择一行时,我可以看到对象本身填充了整个宽度,但是最后一列的文本框只扩展到适合内容。
将列定义中的宽度设置为*应该(据我所知)导致列扩展以填充可用空间,并将textbox
上的HorizontalAlignment
属性设置为Stretch应该导致文本框填充列。
下面的代码创建ListBox
。
<UserControl.Resources>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<Border BorderBrush="Black" BorderThickness="0.5" Margin="1">
<DockPanel LastChildFill="True" HorizontalAlignment="Stretch" Background="DarkSlateBlue">
<Controls:ArrearsListEntry />
</DockPanel>
</Border>
</DataTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<DockPanel LastChildFill="True" Background="Red">
<ListBox IsSynchronizedWithCurrentItem="True" Name="lstRowData" ItemsSource="{Binding Path=Rows}" />
</DockPanel>
是否有一种方法可以将文本框的宽度绑定到列的实际宽度,或者有一个属性可以使文本框自动展开到可用的宽度?
ListBoxItem的Content默认左对齐。为你的ListBoxItem样式添加HorizontalContentAlignment
的Setter:
<Style TargetType="ListBoxItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="ContentTemplate">
...
</Setter>
</Style>