初学jquery easyui,给表格添加行内编辑器，怎么不管用啊？代码如下：

Posted 2023-03-15

<table id="tt" class="easyui-datagrid"
url="mytable" toolbar="#tb"
iconCls="icon-save"
rownumbers="false" pagination="true" fitColumns="true" idField="itemid" iconCls="icon-edit"
>

<thead>
<tr style="background-color：#BCD5F3;">
<th field="id" width="80" >序号</th>
<th field="username" width="80" >用户号码</th>
<th field="password" width="80" >验证码</th>
<th field="frequency" width="80" align="center" sortable="true" editor="type:'numberbox',options:precision:1">抽奖次数</th>
<th field="choosetime" width="150">抽奖时间</th>
<th field="prizeinfo" width="60" >中奖信息</th>
<th field="level" width="60" >用户档次</th>
<th field="district" width="60" >地区</th>
</tr>
</thead>
</table>

虽然过了这么久 我还是回答一下方便以后也进坑的人

http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=

官网有一个可用的实例

我从这可运行源代码知道，我们还要做两步

实现编辑器

上面的官网有一个实例代码了

http://www.jeasyui.com/easyui/datagrid-cellediting.js?_=1484117738646

复制另存为js引入


启动编辑框

.datagrid('enableCellEditing');

下面是官网的实例代码，初始化完还要启动编辑框


var dg = $('#dg').datagrid(
                    data: data
                ).datagrid('enableCellEditing');

我只想说，这官方文档是真蠢。。。特别是英文文档，根本没有提过这个，要不是有一个能运行的demo我也不知道，我真是日了够了

参考技术A

按照你上面的写法，你只能对field="frequency"的这一列进行编辑；你的题意是想对一整行进行编辑是吧！如果是这样，在每一个字段的后面加上editor属性

原因是easyUI的源代码中在编辑行时会去判断是否存在editor属性的；