javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Repeater added to gallery app

Browse Source
This commit is contained in:
Vladimir Enchev
2015-05-25 16:14:58 +03:00
parent 5402f3eee9
commit e1bad6d1aa
4 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/gallery-app/main-page.xml
View File

@@ -32,6 +32,7 @@
<Button tag="views/image" text="Image" tap="itemTap" />
<Button tag="views/search-bar" text="SearchBar" tap="itemTap" />
<Button tag="views/list-view" text="ListView" tap="itemTap" />
<Button tag="views/repeater" text="Repeater" tap="itemTap" />
<Button tag="views/dialogs" text="Dialogs" tap="itemTap" />
<Button tag="views/date-picker" text="DatePicker" tap="itemTap" />
<Button tag="views/time-picker" text="TimePicker" tap="itemTap" />

10
apps/gallery-app/views/repeater.ts Normal file
View File

@@ -0,0 +1,10 @@
export function pageLoaded(args) {
var page = args.object;
var itemsArr = [];
for (var i = 1; i <= 64; i++) {
itemsArr.push({ title: "List item " + i });
}
page.bindingContext = { items: itemsArr };
}

13
apps/gallery-app/views/repeater.xml Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" ?>
<Page loaded="pageLoaded">
<ScrollView>
<Repeater items="{{ items }}">
<Repeater.itemsLayout>
<WrapLayout />
</Repeater.itemsLayout>
<Repeater.itemTemplate>
<Label text="{{ title }}" margin="10" />
</Repeater.itemTemplate>
</Repeater>
</ScrollView>
</Page>