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="TabView Examples" tap="onNavigate" route="tabview/tabview-page"></Button>
|
||||||
<Button text="StackLayout Examples" tap="onNavigate" route="stacklayout/stacklayout-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="WrapLayout Examples" tap="onNavigate" route="wraplayout/wraplayout-page"></Button>
|
||||||
|
<Button text="RadListView Examples" tap="onNavigate" route="radlistview/radlistview-page"></Button>
|
||||||
</StackLayout>
|
</StackLayout>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { Page } from "tns-core-modules/ui/page";
|
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) {
|
export function onLoaded(args) {
|
||||||
const page = <Page>args.object;
|
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";
|
import { Observable } from "tns-core-modules/data/observable";
|
||||||
|
|
||||||
export class ListViewViewModel extends Observable {
|
export class ViewModel extends Observable {
|
||||||
items: Array<any>;
|
items: Array<any>;
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { Page } from "tns-core-modules/ui/page";
|
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) {
|
export function onLoaded(args) {
|
||||||
const page = <Page>args.object;
|
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 { 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) {
|
export function onLoaded(args) {
|
||||||
const page = <Page>args.object;
|
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 { 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) {
|
export function onLoaded(args) {
|
||||||
const page = <Page>args.object;
|
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 { 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) {
|
export function onLoaded(args) {
|
||||||
const page = <Page>args.object;
|
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": {
|
"dependencies": {
|
||||||
"nativescript-theme-core": "~1.0.4",
|
"nativescript-theme-core": "~1.0.4",
|
||||||
|
"nativescript-ui-listview": "^3.5.11",
|
||||||
"tns-core-modules": "*"
|
"tns-core-modules": "*"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
Reference in New Issue
Block a user