Decouple displayed text from property value

[ghost]

The following code works great when the displayed value exactly maps to the stored value:

// Combobox, Single Selection, with ObservableList
ObservableList resolutionItems = FXCollections.observableArrayList(Arrays.asList(
  "1024x768", "1280x1024", "1440x900", "1920x1080")
);
ObjectProperty resolutionSelection = new SimpleObjectProperty<>("1024x768");
Setting.of("Resolution", resolutionItems, resolutionSelection);

This is analogous to the following HTML:

<select name="resoolution">
    <option value="1024x768">1024x768</option>
    <option value="1280x1024">1280x1024</option>
    <option value="1440x900">1440x900</option>
    <option value="1920x1080">1920x1080</option>
</select>

HTML permits changing the displayed value and computed value independently:

<select name="resoolution">
    <option value="1">1024x768</option>
    <option value="2">1280x1024</option>
    <option value="3">1440x900</option>
    <option value="4">1920x1080</option>
</select>

Updated documentation showing how this is possible would be useful. For example, with Locale objects, we might want to display the value of "Simplified Chinese (China)" (from locale.getDisplayName()) to the user while the value the application will store is zh-Hans-CN, which can construct a Locale object fairly easily (e.g., Locale.forLanguageTag(...)).