在MVVM模式中绑定自定义元素的自定义事件

时间:2016-10-11 12:08:33

标签: c# wpf mvvm prism livecharts

我正在尝试使用MVVM模式绑定LiveChart的笛卡尔图表元素的“DataClick”事件。

我有这样的Charts.xml:

<ContentControl Grid.Row="0">
        <lvc:CartesianChart x:Name="ContrastChart" Series="{Binding ContrastSeriesCollection}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="DataClick">
                    <i:InvokeCommandAction Command="{Binding ChartDataClick}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </lvc:CartesianChart>
    </ContentControl>

这是我的ViewModel上的ICommand ChartDataClick:

        public ICommand ChartDataClick {
        get
        {
            if(_dataClickCommand == null)
            {
                _dataClickCommand = new DelegateCommand( 
                    () => 
                    {
                        MessageBox.Show("Data Clicked!");
                    } 
                    );
            }

            return _dataClickCommand;
        }
    }

如果我为“MouseEnter”切换例如“DataClick”,则会触发我的命令。

所以我假设问题是DataClick是一个自定义事件。

有人知道解决方法吗? 我真的尝试过我能在Google上找到的所有可能有用的东西,但到目前为止还没有...

LiveCharts活动:Events Documentation

1 个答案:

答案 0 :(得分:2)

EventTrigger没有歧视。

我们可以通过实施具有自定义路由事件Tap的{​​{3}}来检查此问题。

我们可以从代码中的处理程序转到

<custom:MyButtonSimple 
    x:Name="mybtnsimple" Tap="mybtnsimple_Tap"
    Content="Click to see Tap custom event work">
</custom:MyButtonSimple>

到ViewModel ICommand

<custom:MyButtonSimple 
    x:Name="mybtnsimple"  
    Content="Click to see Tap custom event work">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Tap">
            <i:InvokeCommandAction Command="{Binding Command}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</custom:MyButtonSimple>

一切都按预期工作

这些触发器的缺点是它们必须放在MyButtonSimple举起事件上。 换句话说,他们忽略了Bubbling或Tunneling事件。这就是为什么没有Interaction.Triggers替代方案的原因:

<Grid custom:MyButtonSimple.Tap="mybtnsimple_Tap">
    <custom:MyButtonSimple 
        x:Name="mybtnsimple"  
        Content="Click to see Tap custom event work">
    </custom:MyButtonSimple>
</Grid>

总而言之,DataClick上没有引发CartesianChart事件(但在逻辑树的下方),因此您无法以这种方式处理它。