множественный выбор angular nativescript

Мне нужно создать элемент пользовательского интерфейса с выбором нескольких элементов для моего углового приложения nativescript. Похоже, что не существует компонента пользовательского интерфейса nativescript, поддерживающего множественный выбор. Есть ли примеры того, как я могу реализовать это для своего приложения?


nativescript angular angular2-nativescript
person Anurag    schedule 11.03.2017    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Используйте пользовательский интерфейс Nativescript. Просмотр списка и боковой ящик бесплатны.

http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/ListView/selection

множественный выбор - позволяет выбрать несколько элементов. RadListView отслеживает, какие элементы выбраны, и предоставляет их с помощью метода getSelectedItems (). Множественный выбор включается установкой для свойства multipleSelection значения true.

<RadListView [items]="dataItems" selectionBehavior="Press" multipleSelection="true">
    <!-- << angular-listview-item-selection-multiple -->
        <template tkListItemTemplate let-item="item">
            <StackLayout class="listItemStackLayout">
                <Label class="nameLabel" [text]="item.name"></Label>
                <Label class="descriptionLabel" [text]="item.description"></Label>
            </StackLayout>
        </template>
        <ListViewLinearLayout tkListViewLayout itemHeight="50" scrollDirection="Vertical"></ListViewLinearLayout>
</RadListView>

Наряду с загрузкой пробной версии пользовательского интерфейса есть демонстрационный образец. Играйте с этим.

person Habeeb    schedule 12.03.2017
comment
Спасибо, компонент выполняет свою работу! - person Anurag; 14.03.2017