中继器本机脚本中的TextChange

Question

i trying do to textchange in repeater and research this link.

Basic blur event in a Telerik Nativescript Mobile App

It work in single textfield but no work in repeater. Isn't set wrong anything?

XML：

 <Repeater id="lstSelectedItemsSingle" items="{{itemsSingle}}">
                    <Repeater.itemTemplate>
                        <GridLayout columns="auto,*,auto,*,auto" rows="auto,auto,1" padding="6" id = "{{ matchId + dataType + 'GridSingle'}}">
                            <GridLayout columns="*,*,*" rows="40" col="3" borderRadius="6" borderWidth="1" borderColor="#DBDBDB" >
                                <button backgroundImage="res://reduce_enable" style="background-repeat:no-repeat;background-position: 50% 50%"  backgroundColor="#BFBFBF" />
                                <TextField col="1" backgroundColor="#ffffff" col="1" text="{{stake}}" style="text-align:center" keyboardType="number"  /> 
                                <button backgroundImage="res://add_icon_enable" col="2" style="background-repeat:no-repeat;background-position: 50% 50%" backgroundColor="#BFBFBF"  col="2"/>
                            </GridLayout> 
                        </GridLayout>
                    </Repeater.itemTemplate>   
                </Repeater>

Model：

exports.onPageLoaded = function(args){
    page = args.object;

    viewM.set("stake", "2");

    viewM.addEventListener(observable.Observable.propertyChangeEvent, function (event) { 
        console.log(event.propertyName); 
        }
    });
}

Answer 1

It's probably because repeaters are bound to a list of items - usually observables. If you bind inside the repeater using "{{ }}", NativeScript is going to look for that method on that specific object in the repeater. So your code should be structured something like this (TypeScript) ...

import { Observable, EventData } from 'data/observable';
import { Page } from 'ui/page';

class Item extends Observable({
    text: string = '';
    constructor(text: string) {

        this.text = text;

        this.todos.on(ObservableArray.changeEvent, (args: any) => {
            // handle text change
        });
    }
});

class ViewModel extends Observable({
    items: ObservableArray<Items>

    constructor() {
        this.items = new ObservableArray<Items>({
            new Item('Thing 1'),
            new Item('Thing 2')
        });
    }
});

let loaded = (args: EventData) => {
    let page = <Page>args.object;
    page.bindingContext = new ViewModel();   
}

export { loaded }