表格内容可编辑事件

时间:2018-11-13 06:24:38

标签: javascript html ajax

在表行内容上是否存在一个事件,一旦用户按下Enter键或对编辑单元格的关注变得松散,便可以对其进行编辑以获取值。我只是想知道用户是否可以在单元格上进行任意修改,完成后是否有类似按钮的内容可以应用更改并在表上进行一次性更新查询。

目前我有这样的表:

<table class="sortable" border="1" id="myTable" >
      <thead>
          <tr>
              <th>ID No</th>
              <th>Sec ID</th>
              <th>Employee</th>
              <th>Dept</th>
              <th>Code</th>
              <th>Train</th>
              <th>Cert</th>
              <th>Prog</th>
              <th>Date</th>
          </tr>
      </thead>
      <tbody>
          @foreach (var item in details)
          {
              <tr>                  
                  <td>@item.ID</td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.secID</td>
                  <td>@item.name </td>
                  <td>@item.dept </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.Code </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.train </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.cert  </td>
                  <td contenteditable='true' bgcolor="#F0F0F0">@item.prog  </td>
                  <td>@item.date </td>
              </tr>
          }
      </tbody>
</table>

我只想收集已编辑的行并将其存储在变量或列表中,然后通过ajax将其传递给我的更新查询。

任何建议/评论TIA。

1 个答案:

答案 0 :(得分:0)

您可以在更改事件处理程序上使用它:

true