我正在使用 SAPUI5 网格表批量编辑（可编辑或不可编辑单元格）。我正在考虑下面提到的两个选项，但我不确定我是否可以实现这一点，或者网格表是否支持它
我想单击一个网格单元格并将控件从文本更改为输入，以便我可以编辑记录并稍后保存。
保持输入可编辑为假，并通过单击单元格或输入（无论哪个容易），将输入可编辑更改为真。我正在尝试此选项，但是一旦将 input editable 设置为 false 就不会在输入上触发任何事件，因此根本无法更改状态。
另外，我注意到在 Table 本身上将 editable 设置为 false 并没有做任何事情，至少在我的情况下它没有做任何事情。
任何帮助或指导将不胜感激。
【问题讨论】：
标签： sapui5
要使用多种类型的控件，您需要处理它们的特定事件。尝试设置隐藏控件并处理它们的事件以使其可见或不可见。
查看
<VBox>
<Link text="{OrderID}" press="onSFPressed" visible="true"/>
<Input value="{OrderID}" submit="onSFSubmitted" change="onSFChanged" visible="false"/>
</VBox>
控制器
onSFPressed: function(oEvent){
var oText = oEvent.getSource();
var oInput = oEvent.getSource().getParent().getItems()[1];
oText.setVisible(false);
oInput.setVisible(true);
},
onSFSubmitted: function(oEvent){
var oText = oEvent.getSource().getParent().getItems()[0];
var oInput = oEvent.getSource();
oText.setVisible(true);
oInput.setVisible(false);
},
onSFChanged: function(oEvent){
var oText = oEvent.getSource().getParent().getItems()[0];
var oInput = oEvent.getSource();
oText.setVisible(true);
oInput.setVisible(false);
}
这里是sn-p：https://plnkr.co/edit/nSMv3BZoifdQaqWYtZgM?p=preview
【讨论】：
您似乎只是为了视觉表示才需要此功能（您不想在每个网格表格单元格中看到原始输入）。
最简单的解决方案是在每个单元格中使用 sap.m.Input 控件并使用 CSS 来伪造 sap.m.Text .
我创建了一个简单的示例：http://jsbin.com/ziwoyel/edit?html,js,output
CSS：
.myCustomInputClass input {
border: 0;
background: none;
}
这是最简单轻量级的解决方案。
如果你真的需要在2个控件之间切换，我建议创建一个自定义控件，它封装了基于焦点输入/输出事件在2个状态（2个控件）之间切换的逻辑。
【讨论】：