mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
Needed to have a nice structured cookbook dir in the docs Includes: Move the data-module tests under the data dir Move the frame tests under the ui dir Rename the dialog.md file to dialogs.md Fix the web-view title Add previous_url attributes to each article for SEO Rename the style dir to styling to match the reference Fix the frame-tests path
26 lines
856 B
Markdown
26 lines
856 B
Markdown
---
|
|
nav-title: "switch How-To"
|
|
title: "switch"
|
|
description: "Examples for using switch"
|
|
previous_url: /ApiReference/ui/switch/HOW-TO
|
|
---
|
|
# Switch
|
|
Using a switch requires the Switch module.
|
|
<snippet id='article-require-switch'/>
|
|
### Binding the Switch checked property and Button isEanbled property to a observable view-model property.
|
|
``` XML
|
|
<Page loaded="pageLoaded">
|
|
<StackLayout orientation="vertical">
|
|
{%raw%}<Switch checked="{{ someProperty }}" />
|
|
<Button isEanbled="{{ someProperty }}" text="This is a Button!" />{%endraw%}
|
|
</StackLayout>
|
|
</Page>
|
|
```
|
|
<snippet id='article-binding-switch-property'/>
|
|
### Creating a switch
|
|
<snippet id='article-create-switch'/>
|
|
### Setting the checked property of a switch
|
|
<snippet id='article-setting-checked-property'/>
|
|
### Binding checked property to a model
|
|
<snippet id='aricle-binding-checked-property'/>
|