컬렉션의 개별 요소에 바인딩

Question

저는 MVVM을 처음 사용하기에 익숙합니다. 이 길이 목록에서 특정 요소에 바인딩 각 하나

뷰에 대한 내 XAML에서

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

, 나는 여러 텍스트 상자를 가지고 : 난 너무로 구현 공용 속성을 가진보기 모델 클래스가

DimensionConverter는 차원과 같은 값을 형식화하는 IValueConverter 파생 클래스입니다 (예 : 480.0 인치가 화면의 텍스트 상자에서 40'0 "이됩니다). 그리고 다시 문자열로 변환됩니다 (예 : 35'0" 수율 420.0 인치)

내 문제 : List의 각 값이 연결된 TextBox에서 변경 될 때 유효성을 검사 할 수 있어야합니다. 일부에서는 입력 된 값에 따라 목록의 다른 값을 수정해야 할 수 있습니다 (예 : 길이 [0]의 부동 소수점을 변경하면 길이 [4]의 값이 변경되고 화면이 업데이트 됨).

인덱서를 허용하기 위해 속성을 다시 작업 할 수있는 방법이 있습니까? 또는 List의 각 항목에 대한 개별 속성을 만들어야합니까 (정말 List가 불필요합니다)? 본질적으로, 나는 이미 float 콜렉션을 가지고 있기 때문에 수정 된 각 아이템의 유효성을 검사하기 위해 MVVM 코드를 작성할 수 있기를 바랬다.

생각하십니까? (미리 감사드립니다.)

Answer 1

List<float> 대신 ObservableCollection<float>을 사용하고 CollectionChanged 이벤트를 처리하여 사용자가 값을 변경하면이를 감지 할 수 있습니다.

Answer 2

이 마음에 들지 일이겠습니까 :

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

당신이 원하는에 가까운

?
전체 목록을 표시하고 IValueConverter가 ConvertBack을 구현하는 한 값을 사용자가 직접 수정할 수 있습니다.

그러면 토마스는 당신이 할 수있는 경우가 ObservableLinkedList

당신이 지금 할 것은 이미 더러운 모습과 코드의 겨우 몇 줄이야 ..

Answer 3

그것은 좋은 것입니다 확인, 또는 구현했다 않는 INotifyPropertyChanged를 구현하는 클래스를 가져라. 목록의 길이가 일정하다면 프로퍼티를 가진다.

Answer 4

당신은 당신이 당신이 여기이

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; 
} 

같은 모델을 사용할 수 있습니다 당신의 ViewModel에 당신의 ViewModel

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; 
} 

에서 뭐지 수있는 모델을 만들 MVVM와 텍스트 입력의 유효성을 검사하려면 xaml 예

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

희망이 도움이