将参数传递给自定义组件

时间:2016-02-08 16:22:50

标签: nativescript

我创建了组件,使用它会很好;)但我不知道如何 传递参数;

使用:

<Page xmlns="http://www.nativescript.org/tns.xsd"
      xmlns:masterMenu="includes/customComponents/masterMenu">
    <masterMenu:masterMenu selected="1"/>
</Page>

如何在组件中捕获selected?目前我只有 masterMenu.xml masterManu.css 文件。

[编辑]

假设我有一个名为question的组件(伪代码):

XML

  

&LT; StackLayout loaded =“loaded”&gt;

< Label text="Question: loremipsum" />
< Label text="Answer 1" id="answer1" />
< Label text="Answer 2" id="answer2"/>
< Label text="Answer 3" id="answer3"/>
     

&LT; / StackLayout&GT;

JS

  

exports.loaded = function(args){

var answerNo = args.answerNo,
    page = args.object;

page.getElementById(page, "answer"+answerNo).addClass('correct') 
     

}

使用

  

&LT; Page xmlns =“http://www.nativescript.org/tns.xsd”         的xmlns:问题= “包括/ customComponents /问题” &GT;

     

&LT;问题:问题answerNo =“2”/&gt;

     

&LT;问题:问题answerNo =“1”/&gt;
     &LT;问题:问题answerNo =“3”/&gt;

     

&LT; /页&GT;

1 个答案:

答案 0 :(得分:1)

在您的javascript中,您可以像这样访问它:

var menu = page.getViewById("idOfMenuComponent");
menu.selected;

假设可以访问它。这将取决于您如何创建此组件。如果它不可用,则需要将该属性添加到组件中。查看<Button>模块,了解如何完成此操作。