Hozzon létre többszintű legördülő listát (vagy más néven kiválasztási listát) az Adatszabvány párbeszédpanelhez, ahol az első listában megadott választól függően jelenik meg a következő lista.
Amikor kiválaszt egy értéket az első mezőben, a következő mezőnek az előzőben kiválasztottra alapuló értékeket kell megjelenítenie. Például, két beviteli mezőből az első autógyártók nevét (BMW, Mercedes, Ferrari, stb.) jeleníti meg, a második pedig autótípusokat mutat a kiválasztott vállalat számára (BMW: 1, 2, 5, x2, x5...; Mercedes: A, B, C, CL, CLS...).
1. lépés: Hozzon létre egy adatforrást
A kitöltsék beviteli mezők kitöltéséhez szükség van egy forrásra, ahonnan az adatok származnak. Mivel a WPF-hez tartozik egy saját XML motor, létrehozhat egy XML fájlt, amely tartalmazza az adatokat. Az XML fájlban az első szint tartalma az első kiválasztásra vonatkozik. Minden bejegyzés gyermekbejegyzésekkel rendelkezik a második kiválasztás számára. Ezek a második szintű bejegyzések több gyermekkel is rendelkezhetnek, ha három, vagy több beágyazott kiválasztási listára van szüksége. Ez így néz ki:
Hozzon létre egy data.xml fájlt, másolja be ezt a tartalmat a fájlba, mentse el a fájlt egy .xaml fájl mellett, amelyhez hozzá kívánja adni a lépcsőzetes beviteli mezőket (pl. a C:\ProgramData\Autodesk\Vault < kiadás>\Extensions\DataStandard\Vault\Configuration).
A második lépés
- Adja hozzá a következő sorokat az XAML-fájl erőforrás szakaszához:
<XmlDataProvider x:Key="comboDataSource" Source="C:\ProgramData\Autodesk\Vault 2016\Extensions\DataStandard\Vault\Configuration\data.xml"/>
Így néz ki a teljes erőforrás szakasz:<prop:dsWindow.Resources xmlns:prop="clr-namespace:dataStandard.UI.View;assembly=dataStandard.UI"> ... ...... .... <XmlDataProvider x:Key="comboDataSource" Source="C:\ProgramData\Autodesk\Vault 2016\Extensions\DataStandard\Vault\Configuration\data.xml"/> </prop:dsWindow.Resources>
Amint láthatja, az új erőforrás neve comboDataSource és az útvonal a data.xml fájlra mutat.
A harmadik lépés
<ComboBox x:Name="ComboCarCompanies" Grid.Column="1" Grid.Row="5"
ItemsSource="{Binding Source={StaticResource comboDataSource}, XPath=/Data/Companies/*}"
Text="{Binding Prop[CarVendor].Value}" DisplayMemberPath="@Name"
SelectedValue="{Binding Prop[CarVendor].Value}" SelectedValuePath="@Name" />
A példában a beviteli mező neve ComboCarCompanies és az 1. oszlop 5. sorában helyezkedik el. A tartalom a beviteli mező számára a comboDataSource erőforrásból származik. Az XPath a megfelelő útvonalra mutat a tartalom beolvasásához. Minden a Companies elem alatt található. A Companies elem gyermekei mind egy taggal rendelkeznek Name elnevezéssel. Így a DisplayMemberPath és SelectedValuePath attribútumok az @Name-re mutatnak. Az Text és SelectedValue attribútumok arra a tulajdonságra mutatnak, amit a felhasználó által kiválasztott érték tölt ki.
- Ha végzett a módosításokkal, mentse a fájlt, és tekintse meg a párbeszédpanelt. Az első beviteli mezőnek helyesen kell megjelenítenie az értékeket.
A második beviteli mező hasonlóan jelenik meg, mint az első. Az egyetlen különbség az, hogy az adatforrás az első beviteli mezőből származik. A felhasználó kiválaszt egy csomópontot az XML fájlból. Így ez a csomópont lesz betöltve, mint kiválasztott elem az első beviteli mezőben. A csomópont a kiválasztás gyermekeit is ismeri.
- A második beviteli mező az első mezőben kiválasztott elemre mutat és annak gyermek értékeit használja fel a megjelenítéshez. Íme a kód:
<ComboBox x:Name="ComboCarType" Grid.Column="1" Grid.Row="6" ItemsSource="{Binding SelectedItem, ElementName=ComboCarCompanies}" Text="{Binding Prop[CarType].Value}" DisplayMemberPath="@Type" SelectedValue="{Binding Prop[CarType].Value}" SelectedValuePath="@Type"/>A legtöbb attribútum a példánkban ugyanolyan szerepet játszik, mint az első beviteli mezőben. A valós különbség az ItemSource. Ebben a példában az első ComboCarCompanies beviteli mező a SelectedItem-re mutat.
- Mentse a módosításokat és ellenőrizze a párbeszédpanelt