如何從ListView打開新視圖

Question

我正在用appcelerator studio構建一個應用程序。在我的視圖中，我使用「模板」插入自定義ListView。還行吧。

這是我可以看到：

現在我想，如果我點擊此行的一個，我可以打開另一個視圖，寬也（例如爲滑塊）有一定的影響。

這是我的我的xml文件的代碼：

<Alloy> 
    <View class="containerClinicalFolder" > 

     <ListView id="elementsList" defaultItemTemplate="elementTemplate"> 
      <Templates> 
       <ItemTemplate name="elementTemplate" class="itemTemplate"> 

        <View id="atomProperties"> 
         <Label bindId="name" id="name" /> 
         <View id="secondLine"> 
          <Label class="line2 fieldLabel" text="from: " /> 
          <Label class="line2" bindId="dateStart" id="dateStart" /> 
          <Label class="line2 fieldLabel" text=" to: " /> 
          <Label class="line2" bindId="dateEnd" id="dateEnd" /> 
         </View> 
         <Label bindId="quantity" id="quantity" left="0"/> 
        </View> 
       </ItemTemplate> 
      </Templates> 
      <ListSection>    
       <ListItem quantity:text="10 minute" quantity:color="#090" name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/> 
       <ListItem quantity:text="15 minute" quantity:color="#090" name:text="Helium" dateStart:text="02-01-2015" dateEnd:text="10-10-2019"/> 
       <ListItem quantity:text="25 minute" quantity:color="#090" name:text="Lithium" dateStart:text="01-01-2001" dateEnd:text="01-01-2018"/> 
       <ListItem quantity:text="10 minute" quantity:color="#090" name:text="Hydrogen" dateStart:text="10-10-2016" dateEnd:text="10-12-2016"/> 

      </ListSection> 
     </ListView> 


     <Button id="button" class="buttonLanguage" 
      visible="false" traduzione="true"></Button> 

     <ImageView image="/images/add_circle_2.png" action="add" id="idImage" class="add"></ImageView> 
    </View> 
</Alloy> 

那麼，我該怎麼辦呢？

Answer 1

的onItemclick事件添加到您的ListView（我離開了你的可讀性模板）：

<ListView id="elementsList" onItemclick="listItemClick"> 

現在在你的控制器設置此以下功能：

function listItemClick(e){ /* Open new window here. */ }; 

提示：您可以獲取信息就像事件數據中的點擊行索引（參數e）。