如何在单击单元格时编辑特定单元格值并重新设置单元格失去焦点答案

【问题标题】：How to edit particular cell value on click of cell and set back on lost focus of cell如何在单击单元格时编辑特定单元格值并重新设置单元格失去焦点
【发布时间】：2015-10-19 08:00:54
【问题描述】：

在 ASP.NET 网格视图控件中，需要按如下方式编辑单元格值：

单击特定单元格时，应显示textbox 并允许更改值。一旦单元格的光标/焦点移动然后转换回网格视图单元格（隐藏/删除文本框）。

当用户点击常见的save按钮点击事件时，会将批量数据发布到服务器以保存。

如何实现上述允许在单元格点击时编辑单元格值的功能？

注意：我发现这个选项在 infragistic 中很容易使用，但需要在 asp.net 网格视图控件（.NET FX 3.5）中实现。不希望使用 gridview 的内置编辑、删除和更新按钮。

谢谢

【问题讨论】：

为什么不赞成...我不想使用 - 根据需求设计的 gridview 的内联编辑功能。
请向我们展示您的代码

标签： javascript jquery asp.net vb.net gridview

【解决方案1】：

您也可以使用 CSS 设计来实现这一点。您只需要在文本框中而不是标签中显示所有数据，然后单击按钮触发批量更新方法。我可以看到nice post by Scott Mitchell here。

【讨论】：

您的意思是，直接将文本框显示为网格视图单元格吗？是否可以处理gridview单元格事件并单击单元格-显示文本框并从单元格中丢失焦点/光标，重置回网格视图单元格（隐藏文本框）？

【解决方案2】：

我只是直接将文本框保留为列，而不是添加单元格单击事件，如下所示：

              <asp:TemplateField HeaderText="Name Field">
                            <ItemTemplate>
                                <asp:TextBox runat="server" ID="txtnameField" value='<%# Eval("nameField") %>' Width="218px"></asp:TextBox>
                            </ItemTemplate>
                            <HeaderStyle />
                            <ItemStyle HorizontalAlign="Center" />
                        </asp:TemplateField>

谢谢

【讨论】：