钛合金的星级控制？

Question

我需要获得5个问题的反馈星级评分，我正在使用钛合金移动开发。出于同样的原因，我使用了以下链接中的星级评分小部件，

https://github.com/AppceleratorSolutions/AlloyWidgets/tree/master/starrating

从上面的链接中只有一组星星，但我需要使用星级5次。我怎样才能做到这一点。我需要以下格式

1. Question?

    *****
2. Question?

    *****
3. Question?

    *****
4. Question?

    *****
5. Question?

    *****

小部件工作正常，但星星只显示一个问题，我需要所有五个问题的星星，下面是我当前的输出，

questionnaire.xml：

<Alloy>
    <Window id="questionnaireWin" title="Plan India" platform="android,ios">
        <View id="header">
              <Label id="title">Feedback</Label>
        </View>

        <Label id="question1" class="question">1. Question 1?</Label>
         <Require type="widget" src="starrating" id="widget" name="widget" />

         <Label id="question2" class="question">2. Question 2?</Label>
         <Require type="widget" src="starrating" id="widget" name="widget" />  

         <Button class="button" onClick="submitRatings">Proceed</Button>

    </Window>
</Alloy>

虽然，我正在使用两次小部件，它只显示一次。请帮忙怎么做？

否则，使用任何插件或esle的任何简单方法都可以做到这一点？

Answer 1

使用相同的 ID ，您需要使用相同的小部件两次。你应该定义不同的 id 。

<Alloy>
   <Window id="questionnaireWin" title="Plan India" platform="android,ios">
    <View id="header">
          <Label id="title">Feedback</Label>
    </View>

    <Label id="question1" class="question">1. Question 1?</Label>
     <Require type="widget" src="starrating" id="widget1" name="widget" />

     <Label id="question2" class="question">2. Question 2?</Label>
     <Require type="widget" src="starrating" id="widget2" name="widget" />  

     <Button class="button" onClick="submitRatings">Proceed</Button>

</Window>

并在你的js文件中初始化widget1＆amp; widget2 ......

$.widget1.init();
$.widget2.init();

编辑你可以测试这个example that i have created ...