ListViewから新しいビューを開く方法

Question

appcelerator studioでアプリを構築しています。私のビューでは、 "テンプレート"でカスタムListViewを挿入しています。これで結構です。

を今私は、この行の1つをクリックした場合、私は別のビュー、幅も（例えば用スライダーの）いくつかの効果を開くことができることをしたい：

これは私が見ることができるということです。

これは私の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> 

、私はこれをどのように行うことができますか？

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

ヒント：あなたが得ることができる情報この次の関数を設定し、あなたのコントローラで今

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

：

Answer 1

あなたのListViewにonItemclickイベントを追加します（私は読みやすくするためのテンプレートを残し）イベントデータ（パラメータe）からクリックされた行インデックスと同様です。