WP8-将命令绑定到列表中的按钮和开关

Question

我正在使用MVVM模式，并且我的页面中有LongListSelector，但是我不确定如何执行以下绑定：

• 我希望每一行都有一个按钮，该按钮可以对该行中的对象进行处理。 我在ViewModel中准备了这个：

   private RelayCommand<Module> goToTrackingPageCommand; public RelayCommand<Module> GoToTrackingPageCommand { get { return goToTrackingPageCommand ?? (goToTrackingPageCommand = new RelayCommand<Module>( NavigateToTrackingPage)); } } private void NavigateToTrackingPage(Module module) { App.Current.SelectedModule = module; navigationService.NavigateTo(new Uri("/Views/ModuleTrackingPage.xaml"), UriKind.Relative); } 

  我试图像这样绑定它：

   <Button x:Name="ShowButton" Content="Show" Command="{Binding GoToTrackingPageCommand}" CommandParameter="{Binding}"/> 

  它不起作用，因为按钮在数据模板中，并且在绑定时，它转到选定的Module对象，而不是ViewModel。 所以我的第一个问题是如何解决？

• 第二个我不太复杂，但希望两者都能轻松解决。 我也希望每一行中都有ToggleSwitch，并且当值更改时，我想调用http请求。 我在datatemplate中有这个：

   <toolkit:ToggleSwitch x:Name="LockSwitch" IsChecked="{Binding IsLock}" /> 

  我可以更改对TwoWay的绑定，但是我更改对象中的值，并且想在ViewModel中使用Module参数调用方法。 那么我可以更改此绑定吗？ 我是否应该从对象中调用ViewModel中的方法？ 还是应该以某种方式告诉ViewModel该对象已更改此值？ 还是应该绑定Checked和Unchecked事件？

Answer 1

关于按钮：可以使用elementName绑定访问“父datacontext”并设置命令参数：

<Button Command="{Binding DataContext.GoToXyCommand, ElementName=LayoutRoot}" CommandParameter="{Binding}" />

关于第二个问题：

首先，我将检查切换按钮是否是正确的解决方案，如果更改值会触发可能持续较长时间的过程。

WP执行此操作的一个示例是启用/禁用Air-Plane模式。

我将以相同的方式进行操作：

• 通过TwoWayBinding绑定到属性
• 更改属性后，开始更新过程，禁用切换按钮并显示进度指示器。

编辑：这是我最近使用的ViewModel的示例。

    public bool IsUpdatingPushEnabled
    {
        get { return _isUpdatingPushEnabled; }
        set { SetProperty(ref _isUpdatingPushEnabled, value); }
    }

    public bool IsPushEnabled
    {
        get { return _isPushEnabled; }
        set
        {
            if (!IsUpdatingPushEnabled)
            {
                SetProperty(ref _isPushEnabled, value);
                var t = SetPushAsync();
            }
        }
    }

    private async Task SetPushAsync()
    {
        IsUpdatingPushEnabled = true;

        try
        {
            var result = await _settingService.EnablePushAsync(IsPushEnabled);
            SetProperty(ref _isPushEnabled, result, "IsPushEnabled");
        }
        catch
        {
            //...
        }

        IsUpdatingPushEnabled = false;
    }