如何从可编辑记录中隐藏 roweditor cls答案

【问题标题】：How to hide roweditor cls from the editable record如何从可编辑记录中隐藏 roweditor cls
【发布时间】：2020-09-21 23:15:23
【问题描述】：

如何隐藏 roweditor cls。

我在我的 extJS 网格中使用行编辑器。当我点击我的编辑器时，它以高亮的方式显示。

这是图片。我想删除单击网格编辑器时发生的网格高亮。

这是我删除更新和取消按钮的代码。

listeners:{
        'beforeedit':function(editor){
            editor.getEditor().floatingButtons.hide();
        } 
    },

任何帮助如何删除我在 extJS 网格中的编辑器的高亮单元格，

【问题讨论】：

使用 celledit 代替 rowedit: selType: 'cellmodel', plugins: { ptype: 'cellediting', clicksToEdit: 1 },
@V.Tur 我必须使用 Rowedior，因此我使用的是行编辑器。
@V.Tur 我想隐藏出现的浮动对话框。
这是一个新组件，因此您可能需要做很多工作。但是你可以覆盖css。这是您的按钮（隐藏）和 css 的起点：.x-grid-row-editor-buttons {display: none;}.x-grid-row-editor {}
@Dinkheller 我正在一起编写新插件。在这种情况下，我需要应用 css。

标签： javascript extjs

【解决方案1】：

只需在重新布局事件时隐藏 RowEditingButtons：

listeners: {
    'beforeedit': {
        fn: function (editor) {
            editor.getEditor().on('afterlayout', function (editorComponent) {
                editorComponent.getFloatingButtons().hide();
            });
        },
        single: true
    }
}

【讨论】：