weixin_33711641 2018-11-13 06:24 采纳率: 0%
浏览 20

表格内容可编辑事件

Is there an event on table row content editable to get the value once the user press enter or the focus on edited cell has been loose. I'm just wondering if the user can modify on cell as much as he want and when he is done there is something like a button that apply the changes and do the one time update query on the table.

Currently I have table like this:

<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>

I just want to collect the edited rows and store it on variable or list and pass it to my update query via ajax.

Any suggestions/comments TIA.

  • 写回答

1条回答 默认 最新

  • weixin_33717117 2018-11-13 07:24
    关注

    You could just use this on change event handler:

    document.getElementById("myTable").addEventListener("change", function(event) {
        //do whatever
    })
    
    评论

报告相同问题?

悬赏问题

  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)