WPF - 設置自定義風格的子控件的屬性

我有一個SearchTextBox的自定義樣式。我在這個控件中有多個綁定。WPF - 設置自定義風格的子控件的屬性

<Style TargetType="{x:Type controls:SearchTextBox}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type controls:SearchTextBox}"> 
       <Grid> 
        <TextBox Text="{Binding SearchText, UpdateSourceTrigger=PropertyChanged}"> 
         <TextBox.InputBindings> 
          <KeyBinding Command="{Binding Path=SearchCommand}" Key="Enter" /> 
          <KeyBinding Command="{Binding Path=DeleteSearchCommand}" Key="Esc" /> 
         </TextBox.InputBindings> 
        </TextBox> 
        <Button Style="{StaticResource WatermarkButtonCancelStyle}" HorizontalAlignment="Right" Command="{Binding DeleteSearchCommand}" Margin="0,0,22,0"/> 
        <Button Style="{StaticResource WatermarkButtonSearchStyle}" HorizontalAlignment="Right" Command="{Binding SearchCommand}"/> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

我使用文本框在我看來，就在這裏：

<controls:SearchTextBox Width="300" HorizontalAlignment="Left" Margin="0,0,0,6" />

我怎麼能在我看來設置的綁定，而不是在風格的定義。這樣我可以在多個視圖中使用不同綁定的控件？

來源

2017-07-27 user2877820

你可以用不同的對象設置'DataContext'，並保持原樣。或者您可以爲您需要的每個綁定添加屬性到您的SearchTextBox。 – kusi581

你能給我一個代碼示例嗎？ – user2877820

風格自定義文本框：

 <Style TargetType="{x:Type local:SearchTextBox}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type local:SearchTextBox}"> 
        <DockPanel DataContext="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:SearchTextBox}}}"> 
         <Button DockPanel.Dock="Right" 
           Style="{StaticResource WatermarkButtonCancelStyle}" 
           Command="{Binding DeleteSearchCommand}"/> 
         <Button DockPanel.Dock="Right" 
           Style="{StaticResource WatermarkButtonSearchStyle}" 
           Command="{Binding SearchCommand}" 
           CommandParameter="{Binding Text}"/> 
         <TextBox x:Name="InnerTextBox" 
           Text="{Binding Path=Text}"> 
          <TextBox.InputBindings> 
           <KeyBinding Command="{Binding SearchCommand}" 
              CommandParameter="{Binding Text}" 
              Key="Enter" /> 
           <KeyBinding Command="{Binding DeleteSearchCommand}" 
              Key="Escape" /> 
          </TextBox.InputBindings> 
         </TextBox> 
        </DockPanel> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style>

的SearchTextBox.cs的代碼：

public class SearchTextBox : TextBox 
{ 
    public static readonly DependencyProperty SearchCommandProperty = DependencyProperty.Register(
     "SearchCommand", typeof(ICommand), typeof(SearchTextBox), new PropertyMetadata(default(ICommand))); 

    public SearchTextBox() 
    { 
     DeleteSearchCommand = new Command 
     { 
      ExecuteHandler = o => Clear() 
     }; 
    } 

    public ICommand SearchCommand 
    { 
     get { return (ICommand) GetValue(SearchCommandProperty); } 
     set { SetValue(SearchCommandProperty, value); } 
    } 

    public Command DeleteSearchCommand { get; private set; } 
}

，因爲該命令清除文本框始終是一樣的，SearchTextBox包含命令進行結算它。

現在可以在View中使用SearchTextBox，並設置SearchCommand屬性。

<local:SearchTextBox Height="30" Width="200" SearchCommand="{Binding DoTheSearch}"/>

正如你可以在樣式爲SearchTextBox看到，該文本被設置爲在SearchCommand參數，所以你可以使用它，指定的命令是在哪裏。

來源

2017-07-28 08:52:39 kusi581

WPF - 設置自定義風格的子控件的屬性

回答

相關問題