如何在Nativescript中获取复选框的值?

时间:2016-09-21 07:20:34

标签: javascript xml nativescript

我是nativscript的新手,我正在使用nativescript-checkbox。我想从checkbox.i中获取值在git hub中看到但我没有找到获得该属性的解决方案。 https://libraries.io/npm/nativescript-checkbox

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

以下是如何处理nativescript-checkbox插件复选框的一个非常基本的示例。

e.g。对于启用TypeScript的项目

<强> page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
      xmlns:CheckBox="nativescript-checkbox" 
      loaded="pageLoaded">
  <StackLayout>
    <CheckBox:CheckBox text="CheckBox Label" id="myCheckbox" checked="false" />
    <Button text="on toggleCheck" tap="toggleCheck" />
    <Button text="on getCheckProp" tap="getCheckProp" /> 
  </StackLayout>
</Page>

<强> page.ts

    import { EventData } from 'data/observable';
    import { Page } from 'ui/page';
    import { CheckBox } from 'nativescript-checkbox';
    import { topmost } from 'ui/frame';

    let page;

    export function pageLoaded(args: EventData) {
      page = <Page>args.object;
    }

    export function toggleCheck() {
      let checkBox = <CheckBox>page.getViewById('myCheckbox');
      checkBox.toggle();
    }

    export function getCheckProp() {
      let checkBox = <CheckBox>page.getViewById('myCheckbox');
      console.log('checked prop value = ' + checkBox.checked); // will return true of false
    }