从CF11升级到CF2018,更新3后,我的可编辑cfgrids
都不起作用。当我进行编辑然后提交表单时,各列似乎变得混乱。我可以(如下)创建最简单的cfgrid
,但仍然得到相同的行为。
<cfif isDefined("form.submitname")>
<cfdump var="#form#">
<cfelse>
<cfform action="test.cfm" method="post" name="testform" id="testformId">
<cfinput type="Submit" name="submitname" id="submitid">
<cfgrid name="TestGrid" format="html" selectmode="edit">
<cfgridcolumn name="A">
<cfgridcolumn name="B">
<cfgridrow data="john,doe">
<cfgridrow data="steve,anon">
</cfgrid>
</cfform>
</cfif>
网格正确显示,但是将“ john”更改为“ peter”并提交后,得到以下转储: enter image description here
如您所见,它认为输入了“ peter”作为名字和姓氏,并且还认为“ peter”是原始的名字。
当我修改第二列中的任何字段时,在控制台中出现以下javascript错误:
TypeError:_dd.values [_de]未定义。
cfgrid.js
引发错误
如果我仅在第二列中提交更改,则转储完全为空。
似乎cfgrid混淆了列或其他内容。
您的想法吗?
答案 0 :(得分:2)
最终,这里的解决方案是远离ColdFusion的<cfgrid>
实现,并滚动自己的grid-UI或...。等待来自Adobe的补丁。
这绝对是ColdFusion中的错误,您看到的错误专门是函数ColdFusion.Grid.Actions.afterEdit()
中的错误
我花了一些时间摆弄<cfgrid>
生成的JS,发现它们不正确地索引到列中
您可以使用自己的方法覆盖ColdFusion.Grid.Actions.afterEdit()
的ColdFusion的实现,以创建可能的解决方法(我在Solaris 11.4-Apache-ColdFusion 2018:Update 3上运行)
<Body>
<cfif isDefined("form.submitname")>
<cfdump var="#form#">
<cfelse>
<cfform action="test.cfm" method="post" name="testform" id="testformId">
<cfinput type="Submit" name="submitname" id="submitid">
<cfgrid name="TestGrid" format="html" selectmode="edit">
<cfgridcolumn name="A">
<cfgridcolumn name="B">
<cfgridrow data="john,doe">
<cfgridrow data="steve,anon">
</cfgrid>
</cfform>
</cfif>
<script>
ColdFusion.Grid.Actions.afterEdit = function(_d8, _d9, _da) {
var _db = _d9.value;
if (_db == this.editOldValue) {
return;
}
if (this.insertInProgress == false && this.onChangeFunction) {
this.onChangeHandler("U", this.selectedRow, _d9);
} else {
if (!this.dynamic) {
rowidx = _d9.rowIdx;
if (!rowidx && rowidx != 0) {
rowidx = _d9.row;
}
var _dc = ColdFusion.Grid.computeActualRow_editField(this.editFieldState, _d9.record.data.CFGRIDROWINDEX);
var _dd = this.editFieldState[_dc - 1];
var _de = _d9.colIdx;
if (!_de && _de != 0) {
_de = _d9.column;
}
_de = _de + 1;
if (_dd) {
if (this.multiRowSelection === true && this.insertInProgress == true) {
_de = _de - 1;
}
//-------------------------------------------------------------------
//Subtracted 1 from column index to correctly index array
//-------------------------------------------------------------------
_dd.values[_de -1][1] = _db;
} else {
var _df = this.grid.getStore().getById(_d9.record.data.CFGRIDROWINDEX);
_dd = ColdFusion.Grid.Actions.initEditState(this, "U", _df, _dc);
var _e0 = this.editOldValue + "";
if (_d9.column.type == "date") {
if (_e0 && typeof _e0 == "string") {
_e0 = new Date(_e0);
}
var _e1 = "F, j Y H:i:s";
if (_d9.column && _d9.column.format) {
_e1 = _d9.column.format;
}
_dd.values[_de][1] = Ext.Date.format(_db, _e1);
_dd.values[_de][0] = _e0 ? Ext.Date.format(_e0, _e1) : _e0;
} else {
//-------------------------------------------------------------------
//Subtracted 1 from column index to correctly index array
//-------------------------------------------------------------------
_dd.values[_de -1][0] = _e0;
_dd.values[_de -1][1] = _db;
}
}
ColdFusion.Grid.Actions.computeEditField(this);
}
}
this.editOldValue = null;
this.fireSelectionChangeEvent();
}
;
</script>
</BODY>
肯定还有很多其他错误困扰着该标签...并且绝对值得一提的是,Lucee(开源ColdFusion引擎)不支持此tag