聚合物1.0如何在推按鈕後顯示vaadin網格中的紙張輸入值？

Question

我想在Polymer中創建一些紙張輸入。當單擊該項目旁邊的「計算」圖標時，它不會顯示紙張輸入的值或結果。它看起來在調用值（？）時出錯了，我不知道如何解決它？謝謝！

<link rel="import" href="../bower_components/polymer/polymer.html"> 
<link rel="import" href="../bower_components/iron-pages/iron-pages.html"> 
<link rel="import" href="../bower_components/iron-selector/iron-selector.html"> 
<link rel="import" href="shared-styles.html"> 
<link rel="import" href="../bower_components/paper-input/paper-input.html"> 
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html"> 
<link rel="import" href="../bower_components/paper-button/paper-button.html"> 
<link rel="import" href="../bower_components/vaadin-grid/vaadin-grid.html"> 
<link rel="import" href="../bower_components/vaadin-date-picker/vaadin-date-picker.html"> 

<dom-module id="my-view2"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 
     padding: 10px; 

     } 
     .form paper-icon-button{ 
     left: 45%; 
     height: 120px; 
     width: 120px; 
     } 
     .form paper-input{ 
     margin-left: 150px; 
     margin-right: 150px; 
     } 

    </style> 

    <div class="card"> 
     <div class="form"> 
     <paper-input type="number" name="satu" label="BLABLABLA1" value="{{todo.satu}}"></paper-input> 
     <paper-input type="number" name="dua"label="BLABLABLA2" value="{{todo.dua}}"></paper-input> 
     <paper-input type="number" name="tiga"label="BLABLABLA3" value="{{todo.tiga}}"></paper-input> 


    <paper-icon-button src="calculator.ico" on-tap="_addTodo"></paper-icon-button> 

     </div> 
<vaadin-grid item="{todos}"> 
     <table> 
      <colgroup> 
      <col name="satu"> 
      <col name="dua"> 
      <col name="tiga"> 
      </colgroup> 
     </table> 
     </vaadin-grid> 
    </div> 
    </template> 

    <script> 
    Polymer({ 
     is: 'my-view2', 
     properties: { 
     todo: { 
      type: Object, 
      value: function() { 
      return {}; 
      } 
     }, 
     todos: { 
      type: Array, 
      value: function() { 
      return []; 
      } 
     } 
     }, 

     _addTodo: function() { 
     this.push('todos', this.todo); 
     this.todo = {}; 
     } 

    }); 
    </script> 
</dom-module> 

Answer 1

您對item的約束vaadin grid的財產無效。您缺少一個支架{}，加上屬性應該叫items而不是item（根據文檔）。