列表单元格可在线编辑

Joseph

我在api中找到了一个属性allowCellEdit=true 可以编辑单元格，但是我写上之后并不能编辑。而且我如果想指定某几列单元格可编辑该如何写啊，而且，这个编辑单元格会实时的调用后端接口吗？还是说有一个方法统一去处理编辑后的数据。我的div是这样写的,还请大佬们过目指点一番。

1. <div id="jqList" class="mini-datagrid" allowResize="true" style="width:100%;height:100%;"
   
2.              url="holiday_adjust_list.do" style="width:100%;height:100%;"  multiSelect="true"  allowAlternating="true" showFilterRow="true"
   
3.              allowCellEdit="true"
   
4.              showPager="true" sizeList="[50,100,200,300,500,1000,2000]" pageSize="20" emptyText="无匹配数据" showEmptyText="true">
   
5. </div>

复制代码

felt

http://www.miniui.com/demo/index.html#src=datagrid/celledit.html
参考示例
能编辑，首先列下面要有编辑器，其次表格需要设置allowCellSelect="true" allowCellEdit="true"

Joseph

felt 发表于 2021-12-7 15:11
http://www.miniui.com/demo/index.html#src=datagrid/celledit.html
参考示例
能编辑，首先列下面要有编辑 ...

了解了，这个可不可以就是编辑确认后就调用一次后端接口啊，实时的那种调用的怎么弄啊大佬

happylover1278

Joseph 发表于 2021-12-7 15:22
了解了，这个可不可以就是编辑确认后就调用一次后端接口啊，实时的那种调用的怎么弄啊大佬 ...

注册cellendedit事件   里面去做你的异步请求

Joseph

happylover1278 发表于 2021-12-7 15:55
注册cellendedit事件   里面去做你的异步请求

cellendedit这个是加到列上还是编辑器上啊，我这样写的没有生效

1.                 <div field="yearRemainCountStr" width="80" headeralign="center" align="center" allowsort="false" cellendedit="yearEdit()">余额

复制代码

下面js写的function yearEdit(){}

felt

Joseph 发表于 2021-12-7 16:23
cellendedit这个是加到列上还是编辑器上啊，我这样写的没有生效下面js写的function yearEdit(){} ...

1 所有的事件都是表格的，请把事件绑定在表格上，而不是列上
2 html中绑定事件请加on
oncellendedit="fn"
或者control.on("cellendedit",function(e){})

happylover1278

Joseph 发表于 2021-12-7 16:23
cellendedit这个是加到列上还是编辑器上啊，我这样写的没有生效下面js写的function yearEdit(){} ...

1.   grid.on("cellendedit", function (e) {
   
2.         if (e.field == 'xxx') {
   
3.           $.ajax({
   
4.                 type: 'post',
   
5.                 dataType: 'json',
   
6.                 url: root + '/xxxxx/xxxxx/xxxxxx',
   
7.                 data: {xxx: e.row.xxx},
   
8.                 success: fn
   
9.           })
   
10.       }
    
11.     })

复制代码