查看: 7361|回复: 7

grid.on("cellendedit", function (e))是在单元格编辑完成时发生吗？ [复制链接]

zzbcome

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2017-3-1 14:50:10 |只看该作者 |倒序浏览

不然是什么？是否需要设置什么属性？这个方法没有反应

收藏0

jialiang

超级版主

Rank: 8 Rank: 8

沙发

发表于 2017-3-1 15:17:50 |只看该作者

我这边测试是好的，你可以看下这个事例：http://www.miniui.com/demo/index ... d/celllinkedit.html
用到了beginedit和commitedit，用法和endedit是差不多的，
详细你可以看api：
http://www.miniui.com/docs/api/index.html#ui=datagrid

cellendedit
{
sender: Object,
rowIndex: Number,
record: Object,
column: Object,
field: String,
editor: Object,
value: String
}
编辑结束时发生
我这边也做了个例子，你自己随便改一下数据就可以测试了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<div id="datagrid1" class="mini-datagrid" style="width:300px;height:170px;"
url="../../demo/datagrid/data3.txt" idField="id"
allowResize="true" showPager="false"
allowCellEdit="true" allowCellSelect="true" allowColumnSort="false">
<div property="columns">
<div type="indexcolumn"></div>
<div field="name" allowResize="false" width="120" headerAlign="center" allowSort="true">属性
<input property="editor" class="mini-textbox" style="width:100%;" />
</div>
<div field="value" width="100" allowSort="true" >值
<input property="editor" class="mini-textbox" style="width:100%;" />
</div>
</div>
</div>
<script>
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
//////////////////////////////////////////////////////
grid.on("cellbeginedit", function (e) {
alert("begin");
if (e.field == "value") {
var editor = getEditor(e.record);
e.editor = editor;
e.column.editor = editor;
}
});
grid.on("cellcommitedit", function (e) {
alert("commit");
var record = e.record;
if (e.field == "value") {
var format = e.record.format;
if (format) {
e.value = mini.formatDate(e.value, format);
}
}
if (e.editor.getText) {
record.text = e.editor.getText();
} else {
record.text = e.value;
}
});
grid.on("cellendedit", function (e) {
alert("end");
})
</script>
</body>
</html>