渲染单元格时是不是可以返回 TextField？

Posted 2023-02-26

【中文标题】渲染单元格时是不是可以返回 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)。

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

谢谢。

【参考方案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);