0

我正在使用模板动态添加一行。在添加行时，我还想要on-change="addTotal"Amount 列上的函数。每当新添加的行的金额列发生变化时，它应该调用addTotal()将所有行的值相加并总计的函数。但是，使用此代码，它不会调用该addTotal函数。

addRow() {
    var template = document.createElement('template');
    template.innerHTML = '<div class="tr" ><div class="td" >' +
        '<vaadin-text-field theme="field-description"></vaadin-text-field></div><div class="td"><div class="td" >' +        
        '<vaadin-text-field theme="field-amount" class="totalcheck" on-change="addTotal"></vaadin-text-field></div><div class="td" ></div>'
 
    var fragment = template.content;
    this.$.Table.insertBefore(fragment, this.$.subTotalRow);

}

addTotal(){
//this adds all values of Amount column
}

我已经尝试在 addRow() 函数中使用类名“totalcheck”的 addEventListener，但这也是未定义的。

document.querySelector('totalcheck').addEventListener('change', function (e) {
            console.log(e.detail); // true
        })
4

0 回答 0