mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
50 lines
2.7 KiB
XML
50 lines
2.7 KiB
XML
<Page loaded="pageLoaded">
|
|
<StackLayout>
|
|
<Button text="SCROLL" tap="onScroll" height="30"/>
|
|
<GridLayout id="grid-layout" columns="*,*" rows="*,*">
|
|
<ListView id="lv1" col="0" row="0" items="{{ items }}" itemTemplateSelector="selectItemTemplate">
|
|
<ListView.itemTemplates>
|
|
<template key="red">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="red"/>
|
|
</template>
|
|
<template key="green">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="green"/>
|
|
</template>
|
|
<template key="yellow">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="yellow"/>
|
|
</template>
|
|
</ListView.itemTemplates>
|
|
</ListView>
|
|
<ListView id="lv2" col="1" row="0" items="{{ items }}" itemTemplateSelector="id % 10 === 0 ? 'red' : id % 2 === 0 ? 'green' : 'yellow'">
|
|
<ListView.itemTemplates>
|
|
<template key="red">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="red"/>
|
|
</template>
|
|
<template key="green">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="green"/>
|
|
</template>
|
|
<template key="yellow">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="yellow"/>
|
|
</template>
|
|
</ListView.itemTemplates>
|
|
</ListView>
|
|
<ListView id="lv3" col="0" row="1" items="{{ items }}" itemTemplateSelector="$index % 10 === 0 ? 'wrong' : $index % 2 === 0 ? 'green' : 'yellow'">
|
|
<ListView.itemTemplate>
|
|
<Label text="{{ $value + ' itemTemplate' }}" textWrap="true"/>
|
|
</ListView.itemTemplate>
|
|
<ListView.itemTemplates>
|
|
<template key="red">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="red"/>
|
|
</template>
|
|
<template key="green">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="green"/>
|
|
</template>
|
|
<template key="yellow">
|
|
<Label text="{{ $value }}" textWrap="true" style.backgroundColor="yellow"/>
|
|
</template>
|
|
</ListView.itemTemplates>
|
|
</ListView>
|
|
<ListView id="lv4" col="1" row="1" items="{{ items }}"></ListView>
|
|
</GridLayout>
|
|
</StackLayout>
|
|
</Page> |