mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
test(safe-area): add RadListView example
This commit is contained in:
committed by
Martin Yankov
parent
35ad8ba3b0
commit
475326a06d
@@ -13,6 +13,7 @@
|
||||
<Button text="TabView Examples" tap="onNavigate" route="tabview/tabview-page"></Button>
|
||||
<Button text="StackLayout Examples" tap="onNavigate" route="stacklayout/stacklayout-page"></Button>
|
||||
<Button text="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
|
||||
<Button text="RadListView Examples" tap="onNavigate" route="radlistview/radlistview-page"></Button>
|
||||
</StackLayout>
|
||||
</ScrollView>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Page } from "tns-core-modules/ui/page";
|
||||
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onLoaded(args) {
|
||||
const page = <Page>args.object;
|
||||
page.bindingContext = new ListViewViewModel();
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
import { Observable } from "tns-core-modules/data/observable";
|
||||
|
||||
export class ListViewViewModel extends Observable {
|
||||
export class ViewModel extends Observable {
|
||||
items: Array<any>;
|
||||
|
||||
constructor() {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Page } from "tns-core-modules/ui/page";
|
||||
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onLoaded(args) {
|
||||
const page = <Page>args.object;
|
||||
page.bindingContext = new ListViewViewModel();
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Page } from "tns-core-modules/ui/page";
|
||||
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onLoaded(args) {
|
||||
const page = <Page>args.object;
|
||||
page.bindingContext = new ListViewViewModel();
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
import { Page } from "tns-core-modules/ui/page";
|
||||
|
||||
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onLoaded(args) {
|
||||
const page = <Page>args.object;
|
||||
page.bindingContext = new ListViewViewModel();
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
import { Page } from "tns-core-modules/ui/page";
|
||||
|
||||
import { ListViewViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onLoaded(args) {
|
||||
const page = <Page>args.object;
|
||||
page.bindingContext = new ListViewViewModel();
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
6
e2e/safe-area/app/radlistview/radlistview-page.ts
Normal file
6
e2e/safe-area/app/radlistview/radlistview-page.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
import { ViewModel } from "~/listview/fragments/listview-fragment-view-model";
|
||||
|
||||
export function onPageLoaded(args) {
|
||||
const page = args.object;
|
||||
page.bindingContext = new ViewModel();
|
||||
}
|
||||
9
e2e/safe-area/app/radlistview/radlistview-page.xml
Normal file
9
e2e/safe-area/app/radlistview/radlistview-page.xml
Normal file
@@ -0,0 +1,9 @@
|
||||
<Page class="page" loaded="onPageLoaded" xmlns:lv="nativescript-ui-listview" xmlns="http://www.nativescript.org/tns.xsd">
|
||||
|
||||
<lv:RadListView items="{{ items }}" class="list">
|
||||
<lv:RadListView.itemTemplate>
|
||||
<Label text="{{ text }}"></Label>
|
||||
</lv:RadListView.itemTemplate>
|
||||
</lv:RadListView>
|
||||
|
||||
</Page>
|
||||
@@ -14,6 +14,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"nativescript-theme-core": "~1.0.4",
|
||||
"nativescript-ui-listview": "^3.5.11",
|
||||
"tns-core-modules": "*"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
Reference in New Issue
Block a user