RadListView с tkGroupTemplate с горизонтальной прокруткой содержимого - PullRequest
Новая
       103

RadListView с tkGroupTemplate с горизонтальной прокруткой содержимого

0 голосов
/ 22 сентября 2019

Расскажите нам о проблеме

Я пытаюсь горизонтально установить контент, сгруппированный с функцией, но это невозможно, поскольку весь контент горизонтальный.

На какой платформе (ах) возникает ваша проблема?

Обе

Пожалуйста, расскажите нам, как воссоздать проблему как можно подробнее.

<RadListView
    [items]="dataItems"
    #productsListView
    [groupingFunction]="grouping"
>
    <ng-template tkListItemTemplate let-item="item">
        <StackLayout orientation="horizontal" width="100%">
            <MDCardView width="100" height="100">
                <Image stretch="aspectFill" [src]="item.image"></Image>
            </MDCardView>
        </StackLayout>
    </ng-template>

    <ng-template tkGroupTemplate let-category="category">
        <GridLayout columns="*, auto" ios:height="50">
            <Label
                col="0"
                style="font-weight: bold; font-size: 24"
                [text]="category"
            ></Label>
            <Label
                col="1"
                style="font-size: 12; color: gray;"
                text="Ver más"
            ></Label>
        </GridLayout>
    </ng-template>

    <ListViewGridLayout
        tkListViewLayout
        itemHeight="100"
        scrollDirection="Horizontal"
    ></ListViewGridLayout>
</RadListView>

1 Ответ

0 голосов
/ 23 сентября 2019

Попробуйте ScrollView в tkGroupTemplate

<ng-template tkGroupTemplate let-category="category">
    <GridLayout>
        <ScrollView orientation="horizontal" scrollBarIndicatorVisible="false">
            <Label class="m-5 h2" [text]="category"></Label>
        </ScrollView>
    </GridLayout>
</ng-template>

Образец игровой площадки

...