绑定到集合中的单个元素

Question

我对 MVVM 还很陌生，所以请耐心等待。我有一个视图模型类，它的公共属性是这样实现的：

public List<float> Length
{
  get;
  set;
}

在我的视图 XAML 中，我有几个文本框，每个文本框都绑定到此长度列表中的特定元素：

  <TextBox Text="{Binding Length[0], Converter=DimensionConverter}" />
  <TextBox Text="{Binding Length[2], Converter=DimensionConverter}" />
  <TextBox Text="{Binding Length[4], Converter=DimensionConverter}" />

DimensionConverter 是一个 IValueConverter 派生类，它像尺寸一样格式化值（即 480.0 英寸在屏幕上的文本框中变为 40'0"），然后再返回（即，对于一个字符串，采用 35'0" 并产生 420.0英寸为来源）

我的问题：我需要能够验证列表中的每个值，因为它在关联的文本框中发生了更改。对于某些人，我可能需要根据输入的值修改列表中的其他值（即更改 Length[0] 处的浮点数将更改 Length[4] 处的值并更新屏幕）。

有没有办法重新处理属性以允许索引器？或者，我是否需要为列表中的每个项目创建单独的属性（这确实使列表变得不必要）？本质上，由于我已经有了 float 的集合，我希望能够编写 MVVM 代码来验证每个项目的修改。

想法？ （并且，提前感谢）

Answer 1

您可以使用ObservableCollection<float> 代替List<float>，并处理CollectionChanged 事件以检测用户何时更改值。

Answer 2

不会是这样的：

    <ItemsControl ItemsSource="{Binding Length}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBox Text="{Binding Mode=TwoWay, Converter=DimensionConverter}" />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

接近你想要的？
它将显示整个列表，并允许用户修改值，这些值将直接返回到列表中，只要您的 IValueConverter 实现 ConvertBack。

然后按照 Thomas 所说的进行验证，或者实现 ObservableLinkedList

你现在做的事情看起来已经很脏了，而且只是几行代码..

Answer 3

如果您可以拥有一个实现 INotifyPropertyChanged 的​​类以在列表长度不变的情况下具有属性，那就太好了。

Answer 4

如果你想用 mvvm 验证你的文本输入，那么创建一个你可以在你的视图模型中使用的模型

public class FloatClass : INotifyPropertyChanged
{
  private ICollection parentList;

  public FloatClass(float initValue, ICollection pList) {
    parentList = pList;
    this.Value = initValue;
  }

  private float value;

  public float Value {
    get { return this.value; }
    set {
      if (!Equals(value, this.Value)) {
        this.value = value;
        this.RaiseOnPropertyChanged("Value");
      }
    }
  }

  private void RaiseOnPropertyChanged(string propName) {
    var eh = this.PropertyChanged;
    if (eh != null) {
      eh(this, new PropertyChangedEventArgs(propName));
    }
  }

  public event PropertyChangedEventHandler PropertyChanged;
}

在您的视图模型中，您可以像这样使用模型

public class FloatClassViewmModel : INotifyPropertyChanged
{
  public FloatClassViewmModel() {
    this.FloatClassCollection = new ObservableCollection<FloatClass>();
    foreach (var floatValue in new[]{0f,1f,2f,3f}) {
      this.FloatClassCollection.Add(new FloatClass(floatValue, this.FloatClassCollection));
    }
  }

  private ObservableCollection<FloatClass> floatClassCollection;

  public ObservableCollection<FloatClass> FloatClassCollection {
    get { return this.floatClassCollection; }
    set {
      if (!Equals(value, this.FloatClassCollection)) {
        this.floatClassCollection = value;
        this.RaiseOnPropertyChanged("FloatClassCollection");
      }
    }
  }

  private void RaiseOnPropertyChanged(string propName) {
    var eh = this.PropertyChanged;
    if (eh != null) {
      eh(this, new PropertyChangedEventArgs(propName));
    }
  }

  public event PropertyChangedEventHandler PropertyChanged;
}

这里是 xaml 示例

<ItemsControl ItemsSource="{Binding Path=FloatClassViewmModel.FloatClassCollection}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <TextBox Text="{Binding Value, Mode=TwoWay, Converter=DimensionConverter}" />
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

希望对你有帮助