最近我将extjs 4升级到5然后我发现textarea没有可拖动和可调整大小的功能,但它完全适用于extjs v4。 我创建小提琴来测试它: Fiddle
我该如何解决?这是一个错误,或者我错了?
这是我使用的代码:
Ext.define('Textarea', {
extend: 'Ext.form.field.TextArea',
alias: 'widget.ddtext',
contextMenu: true,
root: null,
name: 'text',
emptyText: "Enter your text here",
cls: "textInput",
resizable: true,
draggable: {
constrain: true,
preventDefault: false,
stopEvent: true
}
});
Ext.define('TestWindow', {
extend: "Ext.window.Window",
alias: "widget.ddwindow",
title: 'Window',
width: 550,
height: 670,
resizable: false,
layout: 'fit',
modal: true,
items: {
itemId: "windowContainer",
autoScroll: true,
xtype: "container",
layout: {
type: 'vbox',
padding: 5
},
defaults: {
width: "100%"
},
items: [
{
itemId: "container",
xtype: "container",
layout: 'vbox',
items: [
{
itemId: "dropZone",
xtype: "container",
height: 500,
width: 500,
style:{
backgroundColor: "#000"
},
layout: "absolute",
scope: this,
items: [
{
xtype: 'ddtext'
}
]
}
]
}
]
}
});
Ext.application({
name : 'Fiddle',
launch : function() {
Ext.create("TestWindow").show();
}
});
答案 0 :(得分:0)
我能够通过以下方式让它工作:
看起来在绝对容器中有可调整大小的组件存在一些问题。