mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-17 21:01:34 +08:00
9e2e8ec3a1
* Added textField, valueField and selectedValue properties textField and valueField - should be used with arrays of JSON objects textField - tells the listview which property should be used to display each item valueField - tells the listview, which property should be used to update the selectedValue selectedValue - is the property that will contain the selectedValue, if valueField is specified, then it will contain the value from that field, otherwise it will contain the whole selected item * Example showing textField, valueField and selectedValue in action * Update import paths
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
import { EventData } from "tns-core-modules/data/observable";
|
|
import { Page } from "tns-core-modules/ui/page";
|
|
import { Observable } from "tns-core-modules/data/observable";
|
|
|
|
export class ListPickerJsonArrayModel extends Observable {
|
|
public items = [
|
|
{ id: 1, name: "Ter Stegen", role: "Goalkeeper" },
|
|
{ id: 3, name: "Piqué", role: "Defender" },
|
|
{ id: 4, name: "I. Rakitic", role: "Midfielder" },
|
|
{ id: 5, name: "Sergio", role: "Midfielder" },
|
|
{ id: 6, name: "Denis Suárez", role: "Midfielder" },
|
|
{ id: 7, name: "Arda", role: "Midfielder" },
|
|
{ id: 8, name: "A. Iniesta", role: "Midfielder" },
|
|
{ id: 9, name: "Suárez", role: "Forward" },
|
|
{ id: 10, name: "Messi", role: "Forward" },
|
|
{ id: 11, name: "Neymar", role: "Forward" },
|
|
{ id: 12, name: "Rafinha", role: "Midfielder" },
|
|
{ id: 13, name: "Cillessen", role: "Goalkeeper" },
|
|
{ id: 14, name: "Mascherano", role: "Defender" },
|
|
{ id: 17, name: "Paco Alcácer", role: "Forward" },
|
|
{ id: 18, name: "Jordi Alba", role: "Defender" },
|
|
{ id: 19, name: "Digne", role: "Defender" },
|
|
{ id: 20, name: "Sergi Roberto", role: "Midfielder" },
|
|
{ id: 21, name: "André Gomes", role: "Midfielder" },
|
|
{ id: 22, name: "Aleix Vidal", role: "Midfielder" },
|
|
{ id: 23, name: "Umtiti", role: "Defender" },
|
|
{ id: 24, name: "Mathieu", role: "Defender" },
|
|
{ id: 25, name: "Masip", role: "Goalkeeper" },
|
|
];
|
|
|
|
public selectedItem = "";
|
|
}
|
|
|
|
export function navigatingTo(args: EventData) {
|
|
let page = <Page>args.object;
|
|
page.bindingContext = new ListPickerJsonArrayModel();
|
|
}
|