聚合物dom重复索引到变量

时间:2016-04-05 11:59:27

标签: java json polymer polymer-1.0

所以我有这个dom重复,其中显示了我从json获得的用户类的所有课程。

<template is="dom-repeat" items="{{lessen}}">
    <div><paper-button id="{{index}}" on-click="toggleDialog">{{index}} - {{item.lessen}}</paper-button></div>
</template>

有没有办法让'{{index}}'的值通过iron-ajax发送到我的后端?我有这个功能:

sendAfmelding: function() {
      console.log("Afmelden van les met user="+this.username);
      if (this.rol == "student") {
        console.log("indexnummer = "+this.$.index);
        this.$.ajax2.contentType="application/json";
        this.$.ajax2.body={
          "username":this.username,
          "lesIndex":this.$.index    // <-- needs to change
        };
        this.$.ajax2.generateRequest();
      }
    }

我已正确设置所有内容。用户名获取发送和所有内容,我唯一需要的是索引值。例如,如果我把

"lesIndex":"1"

在我的函数中,我的代码将尽我所能,但当然我希望用户自己选择课程。

我希望我的问题有点清楚,先谢谢!

2 个答案:

答案 0 :(得分:1)

我认为

id$="{{index}}"

是您想要获取属性绑定而不是属性绑定。

例如,参见https://www.polymer-project.org/1.0/docs/devguide/templates.html#dom-bind

之前的倒数第二段

答案 1 :(得分:1)

index在商品的点击事件中公开,您可以在toggleDialog内访问它:

toggleDialog: function (event) {
    var index = event.model.index;
    sendAfmelding(index); // I assumed you were calling this somewhere in here
}

然后当然将参数添加到sendAfmelding函数:

sendAfmelding: function (index) {
    console.log("Afmelden van les met user=" + this.username);
    if (this.rol == "student") {
        console.log("indexnummer = " + index);
        this.$.ajax2.contentType = "application/json";
        this.$.ajax2.body = {
            "username": this.username,
            "lesIndex": index
        };
        this.$.ajax2.generateRequest();
    }
}