Skip to content

Commit c5ab46f

Browse files
bradmartinbradmartin
committed
disabling add to demo
1 parent e393be7 commit c5ab46f

File tree

2 files changed

+64
-65
lines changed

2 files changed

+64
-65
lines changed

‎demo/app/main-page.ts

+14-8
Original file line numberDiff line numberDiff line change
@@ -14,35 +14,41 @@ let page: Page;
1414
// Event handler for Page "loaded" event attached in main-page.xml
1515
export function pageLoaded(args: EventData) {
1616
// Get the event sender
17-
page = <Page>args.object;
18-
model = new HelloWorldModel();
19-
page.bindingContext = model;
20-
17+
page = <Page>args.object;
18+
model = new HelloWorldModel();
19+
page.bindingContext = model;
20+
2121
//Not related to checkboxes
2222
if (isAndroid && device.sdkVersion >= "21") {
2323
let window = android.startActivity.getWindow();
2424
window.setStatusBarColor(new Color("#363b58").android);
2525
}
2626
}
2727

28-
export function onToggleTest(args){
28+
export function disabledTapTestCheck() {
29+
let tapTestCheck = <CheckBox>page.getViewById("tapTestCheck");
30+
tapTestCheck.isEnabled = !tapTestCheck.isEnabled;
31+
console.log(tapTestCheck);
32+
}
33+
34+
export function onToggleTest(args) {
2935
console.log("toggle tap")
3036
let toggleTest = <CheckBox>page.getViewById("toggleTest");
3137
toggleTest.toggle();
3238
}
3339

34-
export function onTapTest(args){
40+
export function onTapTest(args) {
3541
console.log("tap event test");
3642
let box = <CheckBox>args.object;
3743
model.updateMessage(box.checked);
3844
}
3945

40-
export function onRepeaterItemTap(args: any){
46+
export function onRepeaterItemTap(args: any) {
4147
var label = <Label>page.getViewById("modelDumpLabel");
4248
let data = new Array<DataItem>();
4349
console.log(model.data.length);
4450

45-
for(var i=0; i < model.data.length; i++){
51+
for (var i = 0; i < model.data.length; i++) {
4652
data.push(model.data.getItem(i));
4753
}
4854

‎demo/app/main-page.xml

+50-57
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,52 @@
11
<Page
2-
xmlns="http://schemas.nativescript.org/tns.xsd"
3-
xmlns:CheckBox="nativescript-checkbox" loaded="pageLoaded">
4-
<ActionBar title="Native Checkbox" />
5-
6-
<TabView id="tabViewContainer" selectedColor="#fff" tabsBackgroundColor="#336699">
7-
<TabView.items>
8-
<TabViewItem title="General" class="tab-item">
9-
<TabViewItem.view>
10-
<ScrollView>
11-
<StackLayout id="wrapper">
12-
<Label text="Functions" class="title" />
13-
<StackLayout class="listitem">
14-
<GridLayout columns="*, auto" class="demosection">
15-
<CheckBox:CheckBox checkPadding="36" checkStyle="checkbox_grey" id="toggleTest" col="0" text="toggle()" checked="false" style="margin-right: 10" />
16-
<Button col="1" text="GO" tap="onToggleTest" class="button" />
17-
</GridLayout>
18-
</StackLayout>
19-
20-
<Label text="Events" class="title" />
21-
<StackLayout class="listitem">
22-
<CheckBox:CheckBox text="tap test" tintColor="#fff000" checked="false" tap="onTapTest" />
23-
<Label text="{{ eventLabel }}" textWrap="true" class="message" />
24-
</StackLayout>
25-
26-
<Label text="Bound to Repeater" class="title" />
27-
<StackLayout class="demosection">
28-
<Repeater items="{{ data }}">
29-
<Repeater.itemTemplate>
30-
<StackLayout class="listitem" >
31-
<CheckBox:CheckBox text="{{ text }}" checked="{{ checked }}" fillColor="{{ color }}" tintColor="{{ color }}" tap="onRepeaterItemTap" />
32-
</StackLayout>
33-
</Repeater.itemTemplate>
34-
</Repeater>
35-
<Label id="modelDumpLabel" textWrap="true" class="message" />
36-
</StackLayout>
37-
38-
>
39-
</StackLayout>
40-
</ScrollView>
41-
42-
</TabViewItem.view>
43-
</TabViewItem>
44-
<TabViewItem title="Listview" class="tab-item">
45-
<TabViewItem.view>
46-
<ListView items="{{ uberData }}" separatorColor="#d0d0d0">
47-
<ListView.itemTemplate>
48-
<StackLayout class="list-item" >
49-
<CheckBox:CheckBox class="list-check" ios:color="#555" text="{{ text }}" checked="{{ checked }}" fillColor="{{ color }}" tintColor="{{ color }}" propertyChanged="onPropertyChanged" />
50-
</StackLayout>
51-
</ListView.itemTemplate>
52-
</ListView>
53-
</TabViewItem.view>
54-
</TabViewItem>
55-
</TabView.items>
56-
</TabView>
57-
58-
2+
xmlns="http://schemas.nativescript.org/tns.xsd"
3+
xmlns:CheckBox="nativescript-checkbox" loaded="pageLoaded">
4+
<ActionBar title="Native Checkbox" />
5+
<TabView id="tabViewContainer" selectedColor="#fff" tabsBackgroundColor="#336699">
6+
<TabView.items>
7+
<TabViewItem title="General" class="tab-item">
8+
<TabViewItem.view>
9+
<ScrollView>
10+
<StackLayout id="wrapper">
11+
<Label text="Functions" class="title" />
12+
<StackLayout class="listitem">
13+
<GridLayout columns="*, auto" class="demosection">
14+
<CheckBox:CheckBox checkPadding="36" checkStyle="checkbox_grey" id="toggleTest" col="0" text="toggle()" checked="false" style="margin-right: 10" />
15+
<Button col="1" text="GO" tap="onToggleTest" class="button" />
16+
</GridLayout>
17+
</StackLayout>
18+
<Label text="Events" class="title" />
19+
<StackLayout class="listitem">
20+
<Button text="Disable Checkbox" tap="disabledTapTestCheck" />
21+
<CheckBox:CheckBox id="tapTestCheck" text="tap test" tintColor="#fff000" checked="false" tap="onTapTest" />
22+
<Label text="{{ eventLabel }}" textWrap="true" class="message" />
23+
</StackLayout>
24+
<Label text="Bound to Repeater" class="title" />
25+
<StackLayout class="demosection">
26+
<Repeater items="{{ data }}">
27+
<Repeater.itemTemplate>
28+
<StackLayout class="listitem">
29+
<CheckBox:CheckBox text="{{ text }}" checked="{{ checked }}" fillColor="{{ color }}" tintColor="{{ color }}" tap="onRepeaterItemTap" />
30+
</StackLayout>
31+
</Repeater.itemTemplate>
32+
</Repeater>
33+
<Label id="modelDumpLabel" textWrap="true" class="message" />
34+
</StackLayout>>
35+
</StackLayout>
36+
</ScrollView>
37+
</TabViewItem.view>
38+
</TabViewItem>
39+
<TabViewItem title="Listview" class="tab-item">
40+
<TabViewItem.view>
41+
<ListView items="{{ uberData }}" separatorColor="#d0d0d0">
42+
<ListView.itemTemplate>
43+
<StackLayout class="list-item">
44+
<CheckBox:CheckBox class="list-check" ios:color="#555" text="{{ text }}" checked="{{ checked }}" fillColor="{{ color }}" tintColor="{{ color }}" propertyChanged="onPropertyChanged" />
45+
</StackLayout>
46+
</ListView.itemTemplate>
47+
</ListView>
48+
</TabViewItem.view>
49+
</TabViewItem>
50+
</TabView.items>
51+
</TabView>
5952
</Page>

0 commit comments

Comments
 (0)