清除按钮不会清除所有输入字段

时间:2020-09-15 20:11:33

标签: javascript vaadin-grid

单击Vaadin_grid时使用清除按钮将不会使用旁边的(+)清除添加的位置字段。

标记 可以通过按+符号添加“位置”部分的网格作为新位置。

<vaadin-grid-column>
   <template class="header">
   POSITION
   </template>
   <template>
   [[item.position]]
   </template>
</vaadin-grid-column>

位置标记

<div id="positionGroup">
   <label style="margin-top: 10px;" for="position">*Position</label><br />
   <input style="display: block;" type="text" id="position" name="position" placeholder="*Position" value="{{_contact.position::input}}">
</div>

清除表单方法可以成功清除表单,但清除“位置”字段除外

_clearForm() {
   this.set('_contact.isPrimaryContact', false);
   this.$.isPrimary.setAttribute('icon', 'vaadin:icons:check-box-outline-blank');

   this.set('_contact', {});
   this.set('_contact.contactPhones', [])
   this.set('_contact.contactMethodId', 0);
   this._contact.contactPhones.push({
      "phoneNumber": "",
      "phoneExtension": "",
      "phoneTypeId": null
   })
}

_clear() {
   this._clearForm();                
   this.$.successMsgBox._infoMessageHide = true;
   this.$.errorMsgBox._infoMessageHide = true;
}

用于添加新的排名输入字段的逻辑

_addPosition(e) {

   let positionGroup = this.$.positionGroup;
   let setId = positionGroup.getElementsByTagName('input').length;
   let newPosition = document.createElement('input');

   newPosition.style.display = 'block';
   newPosition.type = 'text';
   newPosition.name = 'text';
   newPosition.setAttribute('name', 'position');
   newPosition.setAttribute('placeholder', 'Position');
   newPosition.id = 'position' + setId;

   positionGroup.insertAdjacentElement('beforeend', newPosition);

}

0 个答案:

没有答案