Question

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

点击后，我想从正在点击的纸质项目中获取值。所以我想从dom重复创建的一个纸质项目中获取item.datum。

            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();
                }
            },

所以在这里我想从所选纸质项目的项目中发送第一个项目并将其发送到正文中。问题是我不知道如何告诉函数从所选的纸质项目中获取信息。

提前致谢！

Answer 1

使用on-tap on tr标签

<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代码：

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

Answer 2

这样的事情应该有效

sudo pip install ruamel.yaml

<template id="domRepeat" is="dom-repeat" items={{result}}>

还有absentieverzenden: function (event) { console.debug(this.$.domRepeat.modelForElement(event.target)); }和itemForElement()
另请参阅https://www.polymer-project.org/1.0/docs/devguide/templates.html

聚合物domrepeat，获得价值

2 个答案: