将绑定值更新为 Dictionary<int, string> 中的项目或如何从 ListBox 绑定到 SelectedItem 的属性

Question

对于不变的状态列表，我有一个友好名称的静态列表。这些友好的名称（绿色、黄色、红色）与底层状态值（0、1、2..）相关联。对于给定的项目，此视图将允许用户从列表中选择一个状态，并显示他们从列表中选择的状态的描述，因为它与他们当前正在编辑的项目有关。

ViewModel 公开了用户正在编辑的对象，该对象在字典中具有状态集合。例如，从 ListBox 中选择一个状态，如绿色，将使用所选项目的标记（在本例中为 0）显示字典中的文本，以显示该键的值（在本例中为“一切正常”）。

我无法手动设置 ListBoxItem 的值属性，因此我必须使用标签。该模型当前适用于在 Selected Item 更改时显示集合中每个状态的文本。 TextBox 使用 MultiBinding 到 Dictionary Collection 和 ListBox 来显示正确的文本。

这是我所拥有的：

<ListBox Name="StatusItems" Style="{StaticResource MyList}">
    <ListBoxItem Content="Green" Tag="0"></ListBoxItem>
    <ListBoxItem Content="Yellow" Tag="1" />
    <ListBoxItem Content="Yellow Audible" Tag="2" />
    <ListBoxItem Content="Yellow Flashing" Tag="3" />
    <ListBoxItem Content="Yellow Flashing Audible" Tag="4" />
    <ListBoxItem Content="Orange" Tag="5" />
    <ListBoxItem Content="Orange Audible" Tag="6" />
    <ListBoxItem Content="Orange Flashing" Tag="7" />
    <ListBoxItem Content="Orange Flashing Audible" Tag="8" />
    <ListBoxItem Content="Red" Tag="9" />
    <ListBoxItem Content="RedAudible" Tag="10" />
    <ListBoxItem Content="RedFlashing" Tag="11" />
    <ListBoxItem Content="RedFlashingAudible" Tag="12" />
    <ListBoxItem Content="Gray" Tag="13" />
</ListBox>

<TextBox MinLines="5" TextWrapping="Wrap" AcceptsReturn="True" AcceptsTab="True">
<TextBox.Text>
    <MultiBinding>
        <MultiBinding.Converter>
            <conv:DictionaryItemConverter />
        </MultiBinding.Converter>
        <Binding Path="Alarm.StatusDescriptions" Mode="TwoWay" />
        <Binding Path="SelectedItem.Tag" ElementName="StatusItems" />
    </MultiBinding>
</TextBox.Text>
</TextBox>
<Button Content="Save" Command="{Binding Path=SaveCommand}" IsEnabled="{Binding Path=Saveable}"  />

模型崩溃的地方是我尝试保存时。我不确定如何将对状态所做的更改保留回字典中的正确项目，部分原因是多值转换器。我想也许我可以在 ViewModel 上添加一个 SelectedStatus int，然后将所选列表框项的标记属性单向绑定到此属性，以便在单击保存时我会知道使用哪个键来更新描述。

我正在尝试这样的事情（当然语法是错误的）

<ListBox SelectedValue="{Binding Path=SelectedStatus, Mode=OneWayToSource, RelativeSource={RelativeSource Self.SelectedItem.Tag}}" >

我能否以某种方式将 SelectedItem 的标记属性绑定到我的视图上的属性？还是我应该放弃整个想法并走另一条路？

Answer 1

使用 WPF，您理想地希望您的 UI 与您的应用程序逻辑和数据分开。

因此，您的 ListBox 中的项目列表应该存在于数据层（您的 ViewModel）的某个位置，而不是 UI 的组成部分。

如果我正确理解您的 ListBox 和 Dictionary 是如何链接的，我并不肯定，但听起来您想要这样的东西：

简化模型

public class SomeObject
{
    public int Id { get; set; }
    public string FriendlyName { get; set; }
    public string UserDefinedDescription { get; set; }
}

简化视图模型

public List<SomeObject> Data { get; set; }
public int SelectedDataId { get; set; }
public SomeObject SelectedData 
{
    get { return Data.FirstOrDefault(p => p.Id == SelectedDataId); }
}

简化视图

<ListBox ItemsSource="{Binding Data}"
    SelectedValue="{Binding SelectedDataId}"
    SelectedValuePath="Id"
    DisplayMemberPath="FriendlyName" />

<TextBlock Text="{Binding SelectedData.UserDefinedDescription}" />

Answer 2

我建议将您绑定到 ViewModel 中的列表框的颜色集合和 ViewModel 中的另一个属性用于保存所选颜色。类似下面的东西

保存颜色定义的类

public class ColorList
{
    public int ColorCode { get; set; }
    public string ColorName { get; set; }
}

以及ViewModel中的属性定义

private ColorList _selectedColor;
public List<ColorList> AvailableColors
{
    get
    {
        return this.GetColorsList();
    } 
}

public ColorList SelectedColor
{
    get
    {
        return this._selectedColor;
    }
    set
    {
        if (this._selectedColor != value)
        {
            this._selectedColor = value;
            this.RaisePropertyChanged("SelectedColor");
        }
    }
}

返回颜色列表的示例方法

public List<ColorList> GetColorsList()
{
    var result = new List<ColorList> () {
            new ColorList { ColorCode = 0, ColorName = "Green" },
            new ColorList { ColorCode = 1, ColorName = "Yellow" },
            new ColorList { ColorCode = 2, ColorName = "Yellow Audible" }
        };
    return result;
}

最后你可以将集合绑定到你的列表框，如下所示

<ListBox ItemsSource="{Binding AvailableColor}" DisplayMemberPath="ColorName"
                SelectedItem="{Binding SelectedColor, Mode=TwoWay}" />

所以现在SelectedColor 属性将具有您可以绑定到任何其他控件的选定颜色。