So öffnen Sie eine neue Ansicht von ListView

Question

Ich baue eine App mit appcelerator Studio. In meiner Ansicht habe ich ein benutzerdefiniertes ListView mit einem "Templates" eingefügt. Das ist in Ordnung. Diese

ist, dass ich sehen kann:

Jetzt, wo ich will, wenn ich auf einem dieser Zeilen klicken, ich eine andere Ansicht öffnen kann, Breite auch eine gewisse Wirkung (des Schiebers für beispielsweise).

Dies ist mein Code meiner XML-Datei:

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

Also, wie kann ich das tun?

Answer 1

Fügen Sie den onItemclick Termin in Ihrem Listview (verließ ich die Vorlage für die Lesbarkeit out):

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

Jetzt in Ihrem Controller diese folgende Funktion gesetzt:

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

Tipp: können Sie erhalten Informationen wie der angeklickte Zeilenindex aus den Ereignisdaten (Parameter e).