单击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);
}