jQuery MiniUI

标题: 列表单元格可在线编辑 [打印本页]

作者: Joseph 时间: 2021-12-7 14:34:24 标题: 列表单元格可在线编辑

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

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

复制代码

作者: felt 时间: 2021-12-7 15:11:22

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

作者: Joseph 时间: 2021-12-7 15:22:14

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

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

作者: happylover1278 时间: 2021-12-7 15:55:08

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

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

作者: Joseph 时间: 2021-12-7 16:23:53

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

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

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

复制代码

下面js写的function yearEdit(){}

作者: felt 时间: 2021-12-7 17:03:49

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

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

作者: happylover1278 时间: 2021-12-7 17:34:33

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

grid.on("cellendedit", function (e) {
if (e.field == 'xxx') {
$.ajax({
type: 'post',
dataType: 'json',
url: root + '/xxxxx/xxxxx/xxxxxx',
data: {xxx: e.row.xxx},
success: fn
})
}
})

复制代码

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)