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

chore: demo input handilng

Browse Source
This commit is contained in:
Nathan Walker
2022-12-20 07:39:52 -08:00
parent 47231145ac
commit c5e5c60335
3 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/toolbox/src/main-page.xml
View File

@@ -10,6 +10,7 @@
<Button text="box-shadow" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="css-playground" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="datepicker" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="forms" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="image-async" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="image-handling" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />
<Button text="labels" tap="{{ viewDemo }}" class="btn btn-primary btn-view-demo" />

14
apps/toolbox/src/pages/forms.ts Normal file
View File

@@ -0,0 +1,14 @@
import { Page, Observable, EventData } from '@nativescript/core';
let page: Page;
export function navigatingTo(args: EventData) {
page = <Page>args.object;
page.bindingContext = new SampleData();
}
export class SampleData extends Observable {
textChange(args) {
console.log('textChange:', args.object.text);
}
}

17
apps/toolbox/src/pages/forms.xml Normal file
View File

@@ -0,0 +1,17 @@
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" class="page">
<Page.actionBar>
<ActionBar title="Forms" class="action-bar">
</ActionBar>
</Page.actionBar>
<StackLayout padding="20">
<GridLayout rows="auto,auto" columns="auto,*">
<Label text="TextField" />
<TextField row="1" textChange="{{textChange}}" marginTop="10" />
</GridLayout>
<GridLayout rows="auto,auto" columns="auto,*" marginTop="20">
<Label text="TextField" secure="true" />
<TextField row="1" textChange="{{textChange}}" marginTop="10" />
</GridLayout>
</StackLayout>
</Page>