vaadin网格中的聚合物存取元件

Question

说明问题的工作jsbin：http://jsbin.com/nomewa/3/edit?html,console,output

我正在尝试将innerHTML of notworking span设置在组成vaadin-grid的模板中。当所说的on-change位于vaadin-grid中时，目前似乎不可能绑定到vaadin-grid，因为我甚至无法访问网格中的元素。

Answer 1

这是一个很好的方法来尝试一些代码(jsbin :)在这里，这些代码可以工作，但我不知道它是否符合您的需要。(我只剪切和复制更改的部分:在属性声明中，您可以将预值设置为notWorking属性。然后，您可以在一个函数中动态地更改它。

<iron-ajax url="https://randomuser.me/api?results=10" last-response="{{response}}" auto></iron-ajax>
    <span id="working">Working</span>
    <vaadin-grid id="grid" items="{{response.results}}" style="height: auto;">
      <vaadin-grid-column>
        <template class="header">Name</template>
        <template>[[item.name.first]] [[item.name.last]] <span>{{notWorking}}</span></template>
      </vaadin-grid-column>
    </vaadin-grid>
  </template>
  <script>
    class MyTest extends Polymer.Element {
      static get is() { return 'test-component'; }

      ready() {
        super.ready();
        this.set('notWorking',"test")
        debugger;
      }
    }

在这里工作的链接

Answer 2

目前似乎不可能绑定到vaadin-复选框的更改，因为我甚至无法访问网格中的元素。

您可以在列tempates中使用声明性事件绑定，因此不必引用实际标记的元素。

就像这样：

<vaadin-grid-column>
  <template>
    <vaadin-checkbox on-checked-changed="_myListener">Checkbox</vaadin-checkbo>
  </template>
</vaadin-grid-colum>