mvvm - MVVMCross iOS：如何使用 CreateBindingSet 在自定义 TableViewSource 上触发 RowSelected？

Question

我的问题是针对 iOS 中的 MVVMCross 的。我有一个自定义的 TableView 和一个 detailView。如何绑定我的“showDetailCommand”，所以当用户单击 TableView 上的其中一行并触发 RowSelected 以切换到 detailViewModel 时？

这是我的代码结构：

public class SearchResultsViewModel: MvxViewModel
{
    private MvxCommand _showDetailCommand;
    public IMvxCommand ShowDetailCommand
    {
        get
        {
            _showDetailCommand = _showDetailCommand ?? new MvxCommand(ShowDetailCommandHandler);
            return _showMapCommand;
        }
    }

    private void ShowDetailCommandHandler()
    {
        ShowViewModel<ResultDetailViewModel>(new
            {
                city = _filter.City,
                state = _filter.State,
                interstate = _filter.Interstate,
                travelPlaza = _filter.SearchTravelPlaza,
                hasCatScale = _filter.HasCatScale,
                hasWashoutExpress = _filter.HasWashoutExpress,
                hasUndercarriage = _filter.HasUndercarriage,
                nearest = _nearest
            });
    }
}

[Register("SearchResults")]
public class SearchResultsView : MvxTableViewController
{
    public override void ViewDidLoad()
    {
                Title = "List";
                base.ViewDidLoad();
                var source = new TableViewSource(TableView);

                var bindings = this.CreateBindingSet<SearchResultsView, SearchResultsViewModel>();
                bindings.Bind(source).To(vm => vm.Items);
                bindings.Apply();

                TableView.BackgroundColor = UIColor.Clear;
                TableView.ShowsVerticalScrollIndicator = false;
                TableView.ScrollEnabled = true;
                TableView.SeparatorStyle = UITableViewCellSeparatorStyle.None;
                TableView.Source = source;

                TableView.ReloadData();

    }

    public class TableViewSource : MvxTableViewSource
    {
        public TableViewSource(UITableView tableView)
            : base(tableView)
        {
            tableView.RegisterClassForCellReuse(typeof(TableViewCell), TableViewCell.CellIdentifier);
        }

        public override float GetHeightForRow(UITableView tableView, NSIndexPath indexPath)
        {
            var item = GetItemAt(indexPath);
            return TableViewCell.CellHeight(item);
        }

        protected override UITableViewCell GetOrCreateCellFor(UITableView tableView, NSIndexPath indexPath, object item)
        {
            var cell = tableView.DequeueReusableCell(TableViewCell.CellIdentifier) ?? new TableViewCell();
            return cell;
        }
    }

}

[Register("TableViewCell")]
public class TableViewCell : MvxTableViewCell
{

    public static readonly NSString CellIdentifier = new NSString("TableViewCell");

     public TableViewCell()
        : base()
    {
        Initialise();
    }

    public TableViewCell(IntPtr handle)
        : base(handle)
    {
        Initialise();
    }

    private void Initialise()
    {

        var titleLabel = new UILabel(new RectangleF(10, 2, 200, 25));
        Add(titleLabel);

        this.DelayBind(() =>
        {
            var bindings = this.CreateBindingSet<TableViewCell, SearchResultsItemViewModel>();
            bindings.Bind(titleLabel).For(x => x.Text).To(vm => vm.Name);
            bindings.Bind(??).For(x => x.SelectionChangeCommand).To(vm => vm.showDetailCommand); // what should be in this line ??
            bindings.Apply();
        });

    }

}

Answer 1

您可以将视图模型命令绑定到SelectionChangedCommand表源上。

这种技术在几个示例中得到了证明 - 例如

• N=27 http://www.youtube.com/watch?v=h0Eww89c9DM&feature=youtu.be&t=47m30s

• https://github.com/slodge/MvvmCross-Tutorials/tree/master/DailyDilbert

  // command
  new Cirrious.MvvmCross.ViewModels.MvxCommand<DilbertItem>((dilbertItem) => 
  {
     // note that we can only pass an id here - do *not* serialiase the whole dilbertItem
     ShowViewModel<DilbertDetailViewModel>(new { id = dilbertItem.Id });
  });
  
  // binding
  set.Bind(source)
     .For(s => s.SelectionChangedCommand)
     .To(s => s.ShowDetailCommand);
  

或者，您也可以将命令放在列表项中，然后可以在每个单元格中绑定到一个SelectedCommand（或单元格中的其他一些自定义事件）。

例如，查看一些具有菜单的示例 - 例如ValueConversion示例