Привязка к ICommand изнутри DataTemplate - PullRequest
Новая
       24

Привязка к ICommand изнутри DataTemplate

0 голосов
/ 17 октября 2011

У меня есть пользовательский элемент управления, который имеет свойство зависимости ICommand. Я хотел бы связать это свойство внутри DataTemplate. Чтобы прояснить ситуацию, вот мой код:

Класс DataForm: 

public class DataForm : Form
{
    #region Properties

    public ICommand HideForm
    {
        get { return (ICommand)GetValue(HideFormProperty); }
        set { SetValue(HideFormProperty, value); }
    }

    public static readonly DependencyProperty HideFormProperty =
        DependencyProperty.Register("HideForm", typeof(ICommand), typeof(DataForm), new PropertyMetadata(null));


    #endregion

    #region Ctors
    public DataForm(Guid formId, String title)
        : base(formId, title)
    {
        this.Template = Application.Current.Resources["DataFormDefaultTemplate"] as ControlTemplate;
    }
    public DataForm()
        : this(Guid.NewGuid(), "bla")
    {
    }
    #endregion

    #region Methods
    public override void OnApplyTemplate()
    {
        if (HeaderTemplate == null)
        {
            HeaderTemplate = Application.Current.Resources["DefaultFormHeaderTemplate"] as DataTemplate;
        }
        base.OnApplyTemplate();
    }
    #endregion
}

ControlTemplate DataForm: 

<ControlTemplate x:Name="DataFormDefaultTemplate" TargetType="my:DataForm">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <ContentPresenter Grid.Row="0" ContentTemplate="{TemplateBinding HeaderTemplate}"></ContentPresenter>
        <ContentPresenter Grid.Row="1" ContentTemplate="{TemplateBinding BodyTemplate}"></ContentPresenter>
        <ContentPresenter Grid.Row="2" ContentTemplate="{TemplateBinding FooterTemplate}"></ContentPresenter>
    </Grid>
</ControlTemplate>

Шаблон данных, из которого я хочу связать команду HideForm: 

<DataTemplate x:Name="DefaultFormHeaderTemplate">
    <Grid HorizontalAlignment="Stretch">
        <my:TextField FieldViewStyle="{StaticResource formLabelStyle}" Value="Form Title" Mode="View"></my:TextField>
        <my:ImageButtonField ImagePath="../Images/Popup_Close.png" 
                         CommandToExecute="{Binding HideForm}" 
                             HorizontalAlignment="Right" Width="8" Height="8"></my:ImageButtonField>
    </Grid>
</DataTemplate>

Примечание: CommandToExecute правильно работает в ImageButtonField. Я уже проверил это.

Код для создания экземпляра DataForm: 

    DataForm form = new DataForm();
    form.BodyTemplate = Application.Current.Resources["DataFormBodyTemplate"] as DataTemplate;
    form.FooterTemplate = Application.Current.Resources["DataFormFooterTemplate"] as DataTemplate;

    form.HideForm = new DelegateCommand(CloseIt);

Как мне заставить это работать? По сути, идеальным сценарием является возможность привязки к этой команде (и другим свойствам) в шаблоне данных из ViewModel без необходимости добавления этого свойства (в данном случае HideForm) в DataForm учебный класс. Разве DataContext не должен наследоваться и - теоретически - то, что я говорю, должно работать?

Ответы [ 2 ]

0 голосов
/ 18 октября 2011

Оказалось, что это невозможно сделать с DataTemplate, если вы не используете Binding Proxy . Другой способ - использовать ControlTemplate вместо этого и связывать со свойством Template ContentControl вместо использования ContentPresenter

.
0 голосов
/ 17 октября 2011

Я использую EventToCommand в MVVM Light , см. Пример кода ниже. 

<UserControl.Resources>
    <ContentControl x:Key="ViewModel" Content="{Binding}" />
</UserControl.Resources>

.. Your code here ..

<my:ImageButtonField ImagePath="../Images/Popup_Close.png" 
                     CommandToExecute="{Binding HideForm}" 
                     HorizontalAlignment="Right" Width="8" Height="8">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="MouseLeftButtonUp">
            <Command:EventToCommand Command="{Binding Content.YourCommand, Source={StaticResource ViewModel}}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</my:ImageButtonField>

Подробнее о EventToCommand <- здесь. </p>

...