Как связать пользовательские события в Silverlight, используя MVVM Pattern, без использования Blend? - PullRequest
Новая
       35

Как связать пользовательские события в Silverlight, используя MVVM Pattern, без использования Blend?

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

Я занимаюсь разработкой проекта Silverlight, в котором используются элементы управления Chart.

Я использую элемент управления Chart, и в его серии реализовано контекстное меню левого клика, в котором есть два элемента MenuItem.«Развернуть» и «Детализация». 

public class WebChart : Chart
{
     ContextMenu ChartItemDataMenu;

     public WebChart()
        : base()
    {
        this.Loaded += new RoutedEventHandler(WebChart_Loaded);
    }

    private void WebChart_Loaded(object sender, RoutedEventArgs e)
    {
        MenuItem expand = new MenuItem();
        expand.Click += new RoutedEventHandler(OnExpand_Click);
        ToolTipService.SetToolTip(expand, "Expand");

        MenuItem drill = new MenuItem();
        drill.Click += new RoutedEventHandler(OnDrill_Click);
        ToolTipService.SetToolTip(drill, "Drill");

        ChartItemDataMenu = new ContextMenu();

        ChartItemDataMenu.Items.Add(expand);
        ChartItemDataMenu.Items.Add(drill);

        this.DataItemMouseLeftButtonDown += 
            new EventHandler<DataItemMouseEventArgs>(ExtendedXamWebChart_DataItemMouseLeftButtonDown);

        this.MouseRightButtonDown -= (s, eventArgs) => { eventArgs.Handled = true; };
        this.MouseRightButtonDown += (s, eventArgs) => { eventArgs.Handled = true; };
    }

    private void ExtendedXamWebChart_DataItemMouseLeftButtonDown(object sender, DataItemMouseEventArgs e)
    { 
        ChartItemDataMenu.IsOpen = true;
    }

Для обоих пунктов меню я объявил отдельные события щелчка, зарегистрировал их и поднял их.Затем я связал эти события в XAML со свойствами ICommand в модели представления. 

    public delegate void WebChartEventHandler(object sender, DataItemMouseEventArgs e, DataPoint dp, qcPoint qp);

    public event WebChartEventHandler ExpandClickEvent;
    public event WebChartEventHandler DrillClickEvent;

    private void OnDrill_Click(object sender, RoutedEventArgs e)
    {
        if (currentDataItemMouseEventArgs == null)
            currentDataItemMouseEventArgs = new DataItemMouseEventArgs();
        if (DrillClickEvent != null)
        { DrillClickEvent(sender, currentDataItemMouseEventArgs, SelectedDataPoint, CurrentSelectedPoint); }
    }

    private void OnExpand_Click(object sender, RoutedEventArgs e)
    {
        if (currentDataItemMouseEventArgs == null)
            currentDataItemMouseEventArgs = new DataItemMouseEventArgs();
        if (ExpandClickEvent != null)
        { ExpandClickEvent(sender, currentDataItemMouseEventArgs, SelectedDataPoint, CurrentSelectedPoint); }
    }
}

Но при отладке кода я получаю "ExpandClickEvent" и "DrillClickEvent" равными нулю, так как никто не слушаетit.

Я использую этот элемент управления WebChart в другом пользовательском элементе управления с именем ChartBaseControl, который, в свою очередь, используется в другом пользовательском элементе управления с именем Graph Control.DataContext правильно настраивается.Я создал ViewModel с именем ViewModelGraphControl.

Я считаю, что что-то мне не хватает.Пожалуйста, позаботьтесь о проблеме.

Отредактированный контент: XAML: 

<extnchart:WebChart Grid.Row="0" x:Name="CTRLWebChart" VerticalAlignment="Stretch" 
                                           Margin="0,-23,0,0" IsDrillEnable="True" 
                                           local:AxisTitleSettings.XAxisTitle="X-Axis" 
                                           local:AxisTitleSettings.YAxisTitle="Y-Axis" 
ChartSeriesCollection="{Binding WebChartSource, Mode=TwoWay}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="DrillClickEvent">
                        <command:EventToCommand Command="{Binding OnDrill_Click}"     PassEventArgsToCommand="True"/>
                    </i:EventTrigger>
                    <i:EventTrigger EventName="ExpandClickEvent">
                        <command:EventToCommand Command="{Binding OnExpand_Click}"     PassEventArgsToCommand="True"/>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
                <extnchart:ExtendedXamWebChart.Axes>
                    <igWebChart:Axis AxisType="PrimaryX">
                        <igWebChart:Axis.Label>
                            <igWebChart:LabelGroup DistanceFromAxis="2"/>
                        </igWebChart:Axis.Label>
                    </igWebChart:Axis>
                    <igWebChart:Axis AxisType="PrimaryY">
                        <igWebChart:Axis.Label>
                            <igWebChart:LabelGroup FontSize="11"/>
                        </igWebChart:Axis.Label>
                    </igWebChart:Axis>
                </extnchart:ExtendedXamWebChart.Axes>
            </extnchart:ExtendedXamWebChart>

1 Ответ

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

Я нашел ответ на запрос.

Вместо использования пользовательских обработчиков событий я использовал перенаправленные обработчики событий, поскольку событие маршрутизируется между страницами.

И чтобы отправить свои пользовательские параметры в ViewModel, я создал новый класс с именем ExtendedRoutedEventArgs и унаследовал его от класса RoutedEventArgs, а также создал поля и свойства, к которым я хотел получить доступ. 

    public class ExtendedRoutedEventArgs : RoutedEventArgs
    {
        public ExtendedRoutedEventArgs()
            : base()
        {

        }
        private DataItemMouseEventArgs currentDataItemMouseEventArgs;

        public DataItemMouseEventArgs CurrentDataItemMouseEventArgs
        {
            get { return currentDataItemMouseEventArgs; }
            set { currentDataItemMouseEventArgs = value; }
        }

        private DataPoint selectedDataPointe;

        public DataPoint SelectedDataPointe
        {
            get { return selectedDataPointe; }
            set { selectedDataPointe = value; }
        }

        private qcPoint currentSelectedQcPoint;

        public qcPoint CurrentSelectedQcPoint
        {
            get { return currentSelectedQcPoint; }
            set { currentSelectedQcPoint = value; }
        }
    }

Далее я поднимаю свое событие следующим образом: 

public class WebChart : Chart
{
    void OnDrill_Click(object sender, RoutedEventArgs e)
    {
        if (currentDataItemMouseEventArgs == null)

            currentDataItemMouseEventArgs = new DataItemMouseEventArgs();
        if (DrillClickEvent != null)
        {
            DrillClickEvent(sender, new ExtendedRoutedEventArgs
            {
                CurrentDataItemMouseEventArgs = currentDataItemMouseEventArgs,
                SelectedDataPointe = SelectedDataPointe,
                CurrentSelectedQcPoint = CurrentSelectedQcPoint
            });
        }
    }
}
...