将网格行数据加载到 CodeMirror - 获取 CodeMirror 参考答案

【问题标题】：Load grid row data into CodeMirror - get CodeMirror reference将网格行数据加载到 CodeMirror - 获取 CodeMirror 参考
【发布时间】：2015-12-02 03:01:28
【问题描述】：

我正在构建一个供个人使用的小型 extjs 5.1 应用程序，旨在保存我的 extjs 应用程序中使用的函数/方法的示例。

在 Navaneeth-Kesavan 和 Tarabass 的帮助下，我在Post 中给出了最重要的步骤

现在我正在努力在 CodeMirror 编辑器中加载网格行数据。

经过几次不成功的尝试，我试图将数据加载到隐藏的文本区域中，然后获取该文本区域的值并将值（setValue）粘贴到 CodeMirror 中。

但是，我无法获得 CodeMirror 参考。

我将不胜感激提出解决此问题的建议。

顺便问一下，有什么更好的方法来做到这一点？

MiFiddle

【问题讨论】：

标签： javascript extjs extjs5 codemirror

【解决方案1】：

CodeMirror 元素可以作为 textarea 元素的兄弟元素找到。您可以使用以下代码获取它的引用：

var codeMirrorInstance = textAreaComponent.getEl( ).query('.CodeMirror')[0].CodeMirror;

请参考下面我通过编辑您的小提琴创建的小提琴。

https://fiddle.sencha.com/#fiddle/tee

【讨论】：

感谢 Navaneeth-Kesavan。工作得很好。
我收到此错误：未捕获类型错误：无法读取未定义 codemirror.js:8478 的属性“拆分”。但是，在您的小提琴中效果很好。我的 itemclick 方法在控制器文件中。
@josei，请尝试在小提琴中重新创建错误并发布链接。我会尽力提供帮助。
再次感谢 Navaneeth-Kesavan。这是一个很难找到的语法错误。