钛合金中的星级控制？

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>

虽然，我使用了两次小部件，但它只显示一次。请帮助如何做到这一点？

还有什么简单的方法可以使用任何插件或其他东西来做到这一点？

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 & widget2 ...

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

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