Изменение индексов индексов NativesScript не работает

Question

Я создал ListPicker в Nativescript, который я заполняю через массив obs из моего ts-файла.

Lickpicker displaying the obs array

я устанавливаю SelectedIndex и становится подобрал хорошо .. однако, когда я пытаюсь изменить выбор сказать, от одного до двух, его не подбирая изменения. Его даже не вызывает событие изменения свойства. Мой XML ниже.

<StackLayout row="0"> 
    <StackLayout orientation="horizontal" style="vertical-align: center; margin: 5" row="0" cssClass="filterrow"> 
     <Button text="{{ $actAs + ' &#xf078;'}}" cssClass="filterbtn" tap="toggleActAsFilter"/> 
    </StackLayout> 

    <StackLayout cssClass="_card" style="vertical-align: center;" verticalAlignment="top" visibility="{{ showActAsFilter ? 'visible' : 'collapsed' }}"> 
     <ListPicker id="_listPicker" cssClass="filterlist" style="vertical-align: center;" items="{{ _actAsFilter }}" selectedIndex="selectedIndex" propertyChangeEvent="listIndexChanged"/> 
    </StackLayout> 

    <Label text="Selected Index:" row="1" col="0" fontSize="18" verticalAlignment="bottom"/> 
    <TextField text="{{ selectedIndex }}" row="1" col="1" /> 
</StackLayout> 

Мой PropertyChangeEvent

public listIndexChanged = (args:EventData) => { 
    let page = <View>args.object; 
    console.log("list Index changed"); 
    let listP = page.getViewById("_listPicker"); 
} 

Это способ, чтобы захватить изменения в ListPicker?

Answer 1

В вашем случае вы можете использовать событие Observable propertyChange для обработки указателя выбранного элемента. Вы можете просмотреть приведенный ниже примерный код.

основного page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo"> 
    <StackLayout> 
    <ListPicker items="{{ items }}" selectedIndex="{{lpSelectedIndex}}"></ListPicker> 
    </StackLayout> 
</Page> 

основные-page.ts

import { EventData } from "data/observable"; 
import { Page } from "ui/page"; 
import {ObservableArray} from "data/observable-array"; 
import {Observable, PropertyChangeData} from "data/observable"; 

// Event handler for Page "navigatingTo" event attached in main-page.xml 
export function navigatingTo(args: EventData) { 
    // Get the event sender 
    var page = <Page>args.object; 
    var observable:Observable= new Observable(); 
    var obsarray = new ObservableArray(); 
    obsarray.push("Item1"); 
    obsarray.push("Item2"); 
    obsarray.push("Item3"); 
    observable.set("lpSelectedIndex", 0); 
    observable.set("items", obsarray); 

    observable.addEventListener(Observable.propertyChangeEvent, function (pcd: PropertyChangeData) { 
     console.log(pcd.eventName.toString() + " " + pcd.propertyName.toString() + " " + pcd.value.toString()); 
    }); 

    page.bindingContext = observable; 
}