Как получить все значения элемента флажка в Nativescript? - PullRequest
0 голосов
/ 30 января 2019

Я пытаюсь сохранить отмеченные идентификаторы элемента флажка, расположенного на сетке изображений.Однако @Viewchild дает мне только первый элемент, а не все.Я пытался

@ViewChildren("CB1") firstCheckBox: ElementRef;

, но firstCheckBox.nativeElement.всегда возвращается undefined

typcript

    @ViewChild("CB1") firstCheckBox: ElementRef;

"sele" - логическое значение, флаг в массиве изображений, показывающий, проверено ли это или нет.

    putme(id, sele) {
       this._id = id;
       this._sele = sele;
       console.log(id);
       console.log(sele);
       console.log(this.firstCheckBox.nativeElement.checked);
       const checkboxArray = new ObservableArray(this.emptyarraylist);
    if (sele) {
        checkboxArray.push(id);
    } else if (!sele) {
        checkboxArray.splice(id);
    }

    console.log(checkboxArray);

}

html

<GridLayout tkExampleTitle tkToggleNavButton  class="topgrid" loaded="loaded" >
<RadListView [items]="dataItems" >
    <ng-template tkListItemTemplate let-item="item">
            <GridLayout class="garmentpick">
                <Image [src]="item.image" (tap)="toggleCheck()"  class="imageP" ></Image>
                <CheckBox #CB1 [checked]=item.selected (tap)="putme(item.id, item.selected)" ></CheckBox>
        </GridLayout>
    </ng-template>
    <ListViewGridLayout tkListViewLayout ios:itemHeight="200" spanCount="2"></ListViewGridLayout>
</RadListView>

Массив

export const DATAITEMS: Array<DataItem> = [
{ id: 12548033, name: "Chefs Collection", description: "xxxx.",
  image: "~/images/chefscollection.jpg",
  selected: false}... ]

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...