2016-03-30 7 views
1
  <table> 
      <tr> 
       <th>Datum Begintijd Eindtijd Klas Docent</th> 

      </tr> 
        <td><paper-listbox label="Dinosaurs" on-click="absentieverzenden" id="absl"> 
          <template is="dom-repeat" items={{result}}> 
           <tr> 
           <paper-item>{{item.datum}} - 
            {{item.begintijd}} - 
            {{item.eindtijd}} - 
            {{item.klas}} - 
            {{item.docent}} 
           </paper-item> 
           </tr> 
          </template> 


      </paper-listbox></td> 

     </table> 

Bei Klick möchte ich den Wert aus dem Papier-Element, das angeklickt wird, erhalten. Also möchte ich item.datum von einem der Papierobjekte erhalten, die dom repeat erstellt haben.Polymer domrepeat, Wert erhalten

  absentieverzenden: function() { 
       console.log("absentieverzenden user=" + this.username); 
       if (this.rol == "student") { 
        this.$.absdoorgeven.contentType = "application/json"; 
        this.$.absdoorgeven.body = { 
         "username": this.username, 
         "gekozendatum": this.result.datum 
        }; 
        this.$.absdoorgeven.generateRequest(); 
       } 
      }, 

Also hier möchte ich den ersten Artikel von Artikeln aus dem ausgewählten Papier-Artikel senden und es in den Körper senden. Das Problem ist, dass ich nicht weiß, wie man die Funktion informiert, um die Informationen vom ausgewählten Papiergegenstand zu erhalten.

Vielen Dank im Voraus!

Antwort

1

Nutzung auf Tippen auf tr Tag etwas wie das

<template is="dom-repeat" items={{result}}> 
    <tr on-tap="absentieverzenden"> 
     <paper-item>{{item.datum}} - 
      {{item.begintijd}} - 
      {{item.eindtijd}} - 
      {{item.klas}} - 
      {{item.docent}} 
     </paper-item> 
     </tr> 
</template> 

JS-Code:

absentieverzenden: function (event) { 
    console.log(event.model.item); 
} 
+0

Dank! Musste in Papierkram stecken und es hat funktioniert! – Colivar

0

So etwas sollte funktionieren

<template id="domRepeat" is="dom-repeat" items={{result}}> 
absentieverzenden: function (event) { 
    console.debug(this.$.domRepeat.modelForElement(event.target)); 
} 

Es gibt auch itemForElement() und indexForElement()
Siehe auch https://www.polymer-project.org/1.0/docs/devguide/templates.html

Verwandte Themen