渲染单元格时是否可以返回 TextField？答案

【问题标题】：Is it possible to return a TextField while rendering a cell?渲染单元格时是否可以返回 TextField？
【发布时间】：2017-09-26 15:15:49
【问题描述】：

我是 Ext JS 的新手，我想知道是否可以创建一个 Textfield 或不同的组件并将其插入到网格面板单元格中。到目前为止我已经尝试过了（它没有返回组件）：

{
                        header       : ...,
                        id           : ...,
                        dataIndex    : ...,
                        sortable     : true,
                        width        : 140,
                        renderer: function(value, meta, record) {
                             return new Ext.form.TextField({fieldLabel: 'field', text: 'test'});
                        }
                    }

我想用 cellEditing 做一些类似的事情，但我不能使用那个插件，因为我正在使用旧版本的 Ext (3.2.1)。

我的目标是在有人点击特定单元格时显示文本文件。

谢谢。

【问题讨论】：

标签： extjs extjs3

【解决方案1】：

https://fiddle.sencha.com/#fiddle/27e7&view/editor

我在列渲染器中返回了 html 输入字段。

就像单元格编辑器一样，我为 textfield 设置了值。此外，我还添加了 blur 事件处理程序方法，您可以在其中编写类似于单元格编辑器的编辑侦听器的代码。

这是你想要的吗？或其他一些变化。检查它。在此处添加代码：

renderer: function (value, meta, record) {
                return "<input onblur='onBlurEventHandler(event)' value="+value+" style='width: 90 px;'></input>"
            }

function onBlurEventHandler(event){
     console.log('Value: '+event.currentTarget.value);
}

【讨论】：