如何使用 extjs 从网格视图中保存值答案

【问题标题】：How to save values from a gridview using extjs如何使用 extjs 从网格视图中保存值
【发布时间】：2017-05-10 16:58:08
【问题描述】：

我以编程方式在每个单元格中创建了一个带有文本字段的网格视图，我需要获取文本字段的所有值并保存它们。

这是我的代码：

renderColumn : function(value, meta, record, rowIndex)  {
		var columnaId 		= value;
		var filaId 			= record.raw.tipoCuenta.numero;
		return '<input type="text" size=18 maxlength=18 style="text-align:right; margin:0px !important; padding:0px !important; font-weight:bold; font-size:10px;" value="' 
				+ record.get(meta.column.campoValor)
				+ '" tabindex="' + tabindex + '" class= "' + columnaId + '_' + filaId + '"></input>'
				+'<input type="text" size=5 maxlength=5 style="border : white; text-align:right; margin:0px !important; padding:0px !important; font-size:10px;" value="'
				+ record.get(meta.column.campoPorcentaje)
				+ '" readonly="readonly" class= "porcentaje">% </input>';			
	},

这是视图。

Gridview example

我该怎么做？

谢谢。

【问题讨论】：

您使用哪个版本的 ExtJS？你的 ExtJS 版本有widgetcolumn吗？
是的，我使用 gridPanel。
版本是4.0，我查一下，谢谢。
如何对所有输入应用一个公共类，然后使用grid.getView().getEl().query('.input-class-name')
您好，我用onblur解决了，调用一个设置记录的函数，修改我的服务，非常感谢。

标签： javascript gridview extjs

【解决方案1】：

理想情况下你会

将商店绑定到您的网格
使用dataIndex配置将每一列绑定到对应的字段
在网格中包含cellediting 插件
为每一列添加一个编辑器

这将在您输入值时以编程方式更新商店记录。

查看fiddle 以获取具有单元格编辑的网格示例。

【讨论】：