2014-09-20 98 views
0

我需要獲得5個問題的反饋星級評分,我正在使用鈦合金移動開發。出於同樣的原因,我已經從下面的鏈接中使用的星級窗口小部件,鈦合金星級控制?

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

從上面的鏈接,只有一組明星,但我需要使用星級評分爲5次。我怎樣才能做到這一點。我需要的格式如下

1. Question? 

    ***** 
2. Question? 

    ***** 
3. Question? 

    ***** 
4. Question? 

    ***** 
5. Question? 

    ***** 

小部件工作正常,但是明星們只顯示了一個問題,我需要爲所有的五個問題的星星,下面是我的電流輸出,

enter image description here

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?

回答

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

+0

我想這一點,但該ID映射到小部件。所以這是拋出「widget1」沒有找到錯誤 – Vinod 2014-09-20 09:41:01

+0

你必須告訴我更多的代碼從你的js文件.. – Coyote 2014-09-20 09:49:05

+0

以前它只是widget.xml,現在我已經添加了widget1.xml,widget2.xml,widget3.xml ,外部小部件中的widget4.xml。現在它工作正常。但是這種核心方式呢? – Vinod 2014-09-20 11:51:46