响应式列表问题

Question

响应式列表问题

c#reactive-programmingreactiveui

3

我们对ReactiveUI还比较陌生，这可能是我们在使一个视图模型时遇到问题的原因。

在我们的视图模型中，我们有一份ReactiveList列表，其中包含一个类，该类中有一个“selected”的属性。

在视图模型中，我们想要一个“AnySelected”属性，如果列表中至少有1个项目被标记为选定，则AnySelected为true。

我们在努力解决此问题。

作为一个小型的测试应用程序，我们尝试了一些字符串，在变化发生时的信息没有出现。

public class TestRx : ReactiveObject
{
    private ReactiveList<string> mySelectedItems;

    public ReactiveList<string> MySelectedItems
    {
        get { return mySelectedItems; }
        set { this.RaiseAndSetIfChanged(ref mySelectedItems, value); }
    }

    public TestRx()
    {
        var firstList = new ReactiveList<string>();

        var t = this.WhenAnyValue(x => x.MySelectedItems);
        var t1 = t.Select(x => x ?? new ReactiveList<string>());

        var changed = t1.Select(x => x.Changed.Select(_ => Unit.Default));
        var itemChanged = t1.Select(x => x.ItemChanged.Select(_ => Unit.Default));
        var countChanged = t1.Select(x => x.CountChanged.Select(_ => Unit.Default));

        t.Subscribe(x => Debug.WriteLine("T HAS CHANGED {0}", x == firstList));
        t1.Subscribe(z => Debug.WriteLine("T1 Changed {0}", z == firstList));

        changed.Subscribe(x => Debug.WriteLine("Changed :"));
        itemChanged.Subscribe(x => Debug.WriteLine("Item Changed :"));

        var replacementList = new ReactiveList<SelItem>(new[] {
                new SelItem() { Selected = false } 
        });

        Debug.WriteLine("***********************Assign 1st list");
        MySelectedItems = firstList;
        Thread.Sleep(100);

        Debug.WriteLine("***********************Adding item 2 list");
        MySelectedItems.Add("a new string");
        // we don't get any debug messages  as a result of the above
        Thread.Sleep(100);

        Debug.WriteLine("***********************Assign null");
        MySelectedItems = null;
        Thread.Sleep(100);
    }
}

我们做错了什么？

- jamie

我使用这个模式来处理 ReactiveList<>：public ReactiveList<string> MySelectedItems { get; private set; }。虽然没有时间查看所有细节，但这个模式非常实用。 - kenny

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ana Betts · Accepted Answer

这是一种常见的模式，但它有点棘手，因为您必须处理以下所有情况：

列表已设置
列表项更改
任何项目上的“Selected”属性更改。请记住，由于＃1或＃2，您想要观看的项目会发生更改。

我该怎么做？

这里有一种方法可以实现。它很复杂，并且暗示了未来版本的RxUI可以改善事情，但现在您可以这样做。

IObservable<bool> WhenAnyAreTrue(IEnumerable<ViewModel> currentElements)
{
    // NB: 'Unit' here means, we don't care about the actual value, just
    // that something changed
    var notifyWhenAnySelectedItemChanges = currentElements
        .Select(x => x.WhenAny(y => y.Selected, _ => Unit.Default).Skip(1))
        .Merge();

    return notifyWhenAnySelectedItemChanges
        .StartWith(Unit.Default)
        .Select(_ => currentElements.Any(x => x.Selected));
}

// Any time MySelectedItems change or when the items in it change,
// create a new WhenAnyAreTrue and switch to it
this.WhenAnyObservable(x => x.MySelectedItems.ItemsChanged)
    .Select(_ => WhenAnyAreTrue(MySelectedItems))
    .Switch()
    .ToProperty(this, x => x.AnySelected, out anySelected);