使用JavaScript在vaadin-grid中选择行时如何制作可编辑的列

Question

当我使用 JavaScript 在vaadin-grid中选择行时，我想使列可编辑。

我使用的第二种方法是将纸张输入放入 vaadin-grid 内，但是我得到的值是未定义

<vaadin-grid items=[[loadItems]] active-item="{{activeItem}}" id="datagrid">
    <vaadin-grid-column resizable>
        <template class="header">
            <vaadin-grid-sorter path="Name">Name</vaadin-grid-sorter>
        </template>
        <template>
            [[item.Name]]
        </template>
    </vaadin-grid-column>

    <vaadin-grid-column resizable>
        <template class="header">
            <vaadin-grid-sorter path="Address">Address</vaadin-grid-sorter>
        </template>
        <template>
            [[item.Address]]
        </template>
    </vaadin-grid-column>

    <vaadin-grid-column resizable>
        <template class="header">
            <vaadin-grid-sorter path="ContactNo">Contact No</vaadin-grid-sorter>
        </template>
        <template>
            [[item.ContactNo]]
        </template>
    </vaadin-grid-column>

    <vaadin-grid-column resizable>
        <template class="header">
            <vaadin-grid-sorter path="jobPosition">Job Position</vaadin-grid-sorter>
        </template>
        <template>
            [[item.jobPosition]]
        </template>
    </vaadin-grid-column>
</vaadin-grid>