绑定控件模板的按钮的内容和命令参数属性
本文关键字:命令 参数 属性 按钮 控件 绑定 | 更新日期: 2023-09-27 18:32:18
好吧,这可能是一件非常简单的事情,但我做得不太对。我现在正在学习如何使用 ItemsControl 动态添加项目,如下所示。
<ItemsControl ItemsSource="{Binding Buttons}">
<ItemsControl.Template>
<ControlTemplate>
<Button FontWeight="Bold" Command="{Binding SelectMaterialCommand}" CommandParameter="{Binding CommandParameter}" Width="50" Height="50" Style="{StaticResource RoundedButtonStyle}" Margin="0,0,0,0" Click="Button_Click_2" Content="{Binding .Content}"></Button>
</ControlTemplate>
</ItemsControl.Template>
</ItemsControl>
属性绑定到按钮的可观察集合。在代码中,我可以创建一个按钮,设置 Content 和 CommandParameter 属性,并将其添加到 ObservableCollection。当我运行应用程序时,将填充一个按钮,但我无法正确绑定内容和命令参数属性。
我尝试过几种不同的方法,例如Binding Path=.
,Binding Path=Content
,Binding Path=.Content
...等等,但似乎没有任何效果。任何帮助将不胜感激。
按照Subramaniam B的建议,我通过使用位于我的UserControl.Resources部分的数据模板来使其工作。
<DataTemplate x:Key="temp" DataType="{x:Type local:ButtonModel}">
<telerik:RadButton FontWeight="Bold" FontSize="16" Command="{Binding ButtonCommand}" CommandParameter="{Binding Path=Content}" Width="100" Height="75" Margin="0,0,0,0" MouseLeftButtonUp="Button_Click_2" Content="{Binding Path=Content}">
<telerik:RadButton.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="GhostWhite" Offset="0"/>
<GradientStop Color="Gray" Offset="0.5"/>
<GradientStop Color="Gray" Offset="0.5"/>
<GradientStop Color="GhostWhite" Offset="1"/>
</LinearGradientBrush>
</telerik:RadButton.Background>
</telerik:RadButton>
</DataTemplate>
以下是使用模板的位置:
<telerik:RadCarousel Loaded="MaterialCar_Loaded" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" x:Name="MaterialCar" Height="200" Background="Blue" ItemTemplate="{StaticResource temp}" ItemsSource="{Binding Buttons}" Margin="0,0,0,0"/>
在您的示例中,您将整个 ItemsControl(又名:按钮列表)的模板设置为 A 按钮。
无论 Button 集合中有哪些项,此控件都将呈现为单个按钮。相反,您需要保留控件本身的模板,并对列表中的项使用 I 模板。
<ItemsControl ItemsSource="{Binding Buttons}">
<!-- ItemsControl.Template becomes ItemsControl.ItemTemplate below -->
<ItemsControl.ItemTemplate>
<DataTemplate>
<Button FontWeight="Bold" Command="{Binding SelectMaterialCommand}" CommandParameter="{Binding CommandParameter}" Width="50" Height="50" Style="{StaticResource RoundedButtonStyle}" Margin="0,0,0,0" Click="Button_Click_2" Content="{Binding .Content}"></Button>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>