如何从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）。