给出 TypeError 的简单 editTemplate

问题描述

为了演示，我添加了一个简单的 editTemplate：

$(document).ready(function() {
  $("#grid").jsGrid({
    autoload: true,width: "100%",editing: true,data: [ { d:111},{ d:222}],fields: [
      { name: "d",type: "number",title: "Value",itemTemplate: function(value,item) { 
           return value+1;
        },editTemplate: function(value) {
           return `<input type="number" value="${value*2}">`;
        },},{ type: "control"}
    ]
  });
})

<link href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>

<div id="grid">
Test
</div>

当我点击编辑时，<input> 控件很好地显示了乘以 2 的值。但是当我点击绿色勾号保存编辑时，我得到一个：

类型错误：无法读取未定义的属性“val”

我已将问题本地化到 editTemplate。我删除它的那一刻，它工作正常。

可能是什么原因？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）