如何解决easyui自定义标签 datagrid edit combobox 手动

解决EasyUI自定义标签DataGrid Edit Box手动输入保存问题指南

亲爱的开发者朋友们，是否曾在运用EasyUI的DataGrid组件时遇到这样的问题：在编辑框（Edit Box）中手动输入内容却无法保存？如果你正面临这样的挑战，那么请允许我为你指引方向。

为了解决这个问题，我们需要深入理解并应用EasyUI的onEndEdit事件。这个事件非常强大，它能在编辑结束时触发，并允许我们获取到editor对象。与之相对的onAfterEdit事件则无法提供这一功能。我们应该利用onEndEdit事件来获取并保存输入数据。

接下来，让我们通过一段示例代码来展示如何实现这一过程：

```javascript

var ci = 0; // 用于标识每个combobox的计数器

var str = ""; // 用于构建JavaScript代码的字符串

// 遍历所有的列和combobox

for(var col of columnList) {

for(var cbb of col.getCombobox()) {

if(cbb != null) { // 如果存在combobox对象

// 构建获取editor对象的JavaScript代码

str += "var ed" + ci + " = $j(\""+RandomNumber+"\").datagrid(\"getEditor\",{index:rowIndex,field:\""+col.getField()+"\"});";

// 获取combobox中的文本值

str += "var val" + ci + " = ed" + ci + ".targetbobox('getText');" ;

// 将获取到的值保存到rowData对象中，以便后续处理

str += "rowData[\"" + col.getField() + "\"] = val" + ci + ";";

ci++; // 更新计数器

}

}

}

```

在这段代码中，我们首先遍历所有的列和combobox。对于每一个combobox，我们通过调用datagrid的getEditor方法来获取其editor对象，然后利用combobox的getText方法来获取用户输入的文本值。我们将这个值保存到rowData对象中，这样就可以在后续的处理中使用它了。通过这种方式，我们可以确保手动输入的内容能够被正确保存。

以上就是长沙网络推广团队为大家提供的解决方案。希望这些内容能够帮助你解决问题，让你的开发工作更加顺利。记住，深入理解并应用EasyUI的API和事件是解决这类问题的关键。祝你成功！记得在合适的地方执行这段JavaScript代码以实现所需的功能。Cambrian.render('body') 或其他类似的调用方式可能会因你的具体应用场景而有所不同。