ExtJS HtmleEditor工具栏在达到指定高度后消失
我正在使用ExtJS HTMLEditor,并按如下方式设置属性-ExtJS HtmleEditor工具栏在达到指定高度后消失,extjs,html-editor,Extjs,Html Editor,我正在使用ExtJS HTMLEditor,并按如下方式设置属性- { xtype: "htmleditor", width: 500, height: 250} 输入文本时,达到指定高度后,工具栏将消失。 我尝试删除高度并设置autoHeight:true,但在这两种情况下,HTML编辑器都不适合该窗口(HTMLEditor位于Ext.form.FormPanel内) 任何有办法解决它的人 这是我的密码 Ext.onReady(function() { Ext.create('Ext
{ xtype: "htmleditor", width: 500, height: 250}
输入文本时,达到指定高度后,工具栏将消失。
我尝试删除高度并设置autoHeight:true
,但在这两种情况下,HTML编辑器都不适合该窗口(HTMLEditor位于Ext.form.FormPanel
内)
任何有办法解决它的人
这是我的密码
Ext.onReady(function() {
Ext.create('Ext.window.Window', {
title: 'This is Title',
resizable: false,
modal: true,
height: 300,
width: 500,
layout: 'fit',
closeAction: 'hide',
items: [
new Ext.form.FormPanel({
border: false,
autoHeight: true,
items: [
{ allowBlank: false, xtype:
"htmleditor", height: 250, width: 600, anchor:'100%'}
]
})
],
buttons: [
{text: 'Ok' },
{text: 'Cancel'}
]
}).show();
});
我已经解决了这个问题-在Formpanel中添加了
布局:“fit”
Ext.onReady(function() {
Ext.create('Ext.window.Window', {
title: 'This is Title',
resizable: false,
modal: true,
height: 300,
width: 500,
layout: 'fit',
closeAction: 'hide',
items: [
new Ext.form.FormPanel({
border: false,
layout: 'fit', // This fixed the issue
items: [
{ allowBlank: false,
xtype: "htmleditor",
height: 250,
width: 600
}
]
})
],
buttons: [
{text: 'Ok' },
{text: 'Cancel'}
]
}).show();
});
您的代码在JSFIDLE中的演示将是helfulI,我已经添加了代码供参考。在JSFIDLE中,问题没有正确再现。