根据另一列中自动完成的结果更改jqGrid文本列的可编辑属性

我使用jqGrid 4.4.0进行内联编辑。 为了这个问题，我的网格有四列：一个ID列（SomeGridRowId），一个带有jQuery自动完成（自动完成）的文本列，一个单字符文本列（SingleChar）和一个隐藏的boolean列（CanEditSingleChar）。 我需要根据CanEditSingleChar列的值启用或禁用单个字符列的编辑。 我已经使用onSelectRow和setColProp处理现有行，但由于某种原因，我不能让它在新插入的行上正常运行。 如果我添加一个新行并从自动完成中选择一个值，则SingleChar列始终不可编辑。 我已经使用Chrome和IE开发人员工具逐步完成了Javascript; 列值和属性设置正确，但SingleChar列的editable属性不会反映这一点。

我为巨大的代码片段道歉，但我不想遗漏任何东西。

 $("#coolGrid").jqGrid({ url: '@Url.Action("GetCoolGridData")', postData: { someId: function () { return $("#someId").val(); }, otherStaticArg: function () { return 1; } }, datatype: 'json', mtype: 'POST', loadonce: true, cellsubmit: 'clientArray', editurl: 'clientArray', scroll: true, pager: $("#coolGridPager"), rowNum: 200, sortname: 'SomeGridRowId', sortorder: 'asc', viewrecords: true, height: '100%', colNames: ['SomeGridRowId', 'CanEditSingleChar', 'Autocomplete', 'SingleChar'], colModel: [ { name: 'SomeGridRowId', index: 'SomeGridRowId', hidden: true }, { name: 'CanEditSingleChar', index: 'CanEditSingleChar', hidden: true }, { name: 'Autocomplete', index: 'Autocomplete', width: 220, editable: true, edittype: 'text', editoptions: { dataInit: function (elem) { $(elem).autocomplete({ source: '@Url.Action("GetSomeGridAutocomplete")', minLength: 2, select: function (event, ui) { var rowId = getRowId($(this)); if (ui.item) { $("#coolGrid").jqGrid('setCell', rowId, 'CanEditSingleChar', ui.item.CanEditSingleChar, '', ''); $("#coolGrid").jqGrid('setCell', rowId, 'Autocomplete', ui.item.label, '', ''); setSingleCharEditMode(rowId); } } }); } } }, { name: 'SingleChar', index: 'SingleChar', width: 10, editable: true, //default to true, most are editable edittype: 'text' } ], onSelectRow: function (clickedRow) { if (clickedRow && clickedRow != $.coolGridLastSelectedRow) { $("#coolGrid").jqGrid('saveRow', $.coolGridSelectedRow, false, 'clientArray'); $.coolGridLastSelectedRow = clickedRow; } setSingleCharEditMode($.coolGridLastSelectedRow); $("#coolGrid").jqGrid('editRow', $.coolGridLastSelectedRow, true); }, afterInsertRow: function (rowid, rowdata, rowelem) { if (rowid == 'new_row') { //shown solely for completeness, pretty sure this is not the problem var newRowIndex = $("#coolGridNewRowIndex").val(); if (!newRowIndex) newRowIndex = 1; var newRowId = rowid + "_" + newRowIndex; $("#new_row").attr('id', newRowId); newRowIndex++; $("#coolGrid").val(newRowIndex); $("#coolGrid").jqGrid('setSelection', newRowId, true); } } }); $("#coolGrid").jqGrid('navGrid', '#coolGridPager', { add: false, del: false, edit: false, search: false, beforeRefresh: function () { $("#coolGrid").jqGrid('setGridParam', { datatype: 'json' }); } }); $("#coolGrid").jqGrid('inlineNav', '#coolGridPager', { edit: false, add: true, addtext: "Add", save: false, cancel: false, restoreAfterSelect: false, addParams: { position: 'last', addRowParams: { keys: true } } }); 

和setSingleCharEditMode函数：

 function setSingleCharEditMode(rowid) { var rowData = $("#coolGrid").jqGrid('getRowData', rowid); if (rowData.CanEditSingleChar === "false") { $("#coolGrid").jqGrid('setColProp', 'SingleChar', { editable: false }); } else { $("#coolGrid").jqGrid('setColProp', 'SingleChar', { editable: true }); } } 

我已经尝试了大量的东西，通过一堆其他的SO问题，用疯狂的谷歌搜索……一切都无济于事。 我已经把头发拉了出来。 如何在另一列上自动完成select后控制一列的editable属性，所有这些都在新行上？

编辑
最后，我在这里有一个有效的例子 。 如果添加一行，然后在“ Autocomplete列中选择“Atypical *”，则可以重现此行为。

Answer 1

没有实际的例子，很难说出为什么新添加的行无法编辑。 此外，由于jqGrid和其他依赖项，很难将自己（例如在jsfiddle或jsbin上 ）的简单工作示例组合在一起。

查看可能有用的代码（或者对您已经尝试过的内容可能没有什么新内容）之后的几个问题：

• addRow – 如何使用addRow函数添加行？ 其他所有“jqGrid相关”是否与新添加的行一起工作，即它是否正确初始化？ 我使用数据表遇到了一些问题。

• 正确/唯一的行ID？ – 您是否检查过rowid对于新行是唯一的，并且您的代码是使用正确的行执行的（即新行的id）？ 你是否将console.log语句放入setSingleCharEditMode以查看发生了什么（只是为了确定，你说你已经完成了代码）？

  您可能正在设置另一行中单元格的editable属性（想一想：这不可能是它，因为默认情况下单元格应该是可编辑的，并且明确地设置为不能被您的代码编辑） 。 使用editable属性更改行的颜色，以便轻松查看正在处理的单元格/行。

• 默认工作？ – 由于editable的默认值为true ：您是否尝试禁用setSingleCharEditMode并默认情况下可以看到该单元格是否可编辑？ 也许这个问题不是你的评价，而是添加了行本身？

• 正确的类型？ – 在setSingleCharEditMode ，使用字符串“false”测试严格相等的列值。 您确定现有行和新行的值具有相同的类型（应该是，因为它们是字符串并通过相同的jqGrid代码解析： getRowData ）？ 我猜你已经在该函数中广泛使用了console.log ged来查看传递的id以及设置editable属性的比较‽

希望这有助于找到问题。 正如我所说，没有一个有效的例子，调试真的很难。 你可能想把它放在某个地方。

[编辑后的工作实例]

我看到的第一件事是，如果您在现有的可编辑行中选择“非典型躁狂症”，则会应用相同的行为。 另外：添加可编辑行（Bipolar something）有效。 这似乎不是“新行”与“现有行”的问题。 更像是可编辑行的问题，这些行被更改为不可编辑。

我的猜测是这种情况发生了：

1. 您正在添加新行，默认情况下， SingleChar列是可编辑的，因此会显示 。
2. 您评估服务器响应并在自动完成select处理程序中将列设置为editable : false 。
3. 您取消选择该行，jqGrid将还原所有可编辑的行 ，因此它不会触及SingleChar ，因为它认为 SingleChar不需要重置为其初始状态。

我有道理吗？

在jqGrid重置行或自行删除之后，尝试将editable设置为false 。