在 Extjs 中设置 basecls 会破坏可拖动容器

Posted 2023-02-22

【中文标题】在 Extjs 中设置 basecls 会破坏可拖动容器

【英文标题】：Setting a basecls in Extjs breaks draggable containers

【发布时间】：2017-12-02 11:25:36

【问题描述】：

我想创建一个具有特定 baseCls 的容器，该容器也可拖动。不幸的是，如果我添加一个 basCls，那么我的容器似乎不再是可拖动的。任何人都可以帮助我，以便我可以设置 baseCls 并拥有一个可拖动的容器。

这是一个关于它被破坏的例子的小提琴。如果你注释掉 baseCls 它将正常工作：https://fiddle.sencha.com/#view/editor&fiddle/22b3

    Ext.create('Ext.container.Container', 
        title: 'Hello',
        baseCls: 'cf-core-widget cf-core-widget-container',
        width: 200,
        html: '<p>World!</p>',
        style: 'border: 1px solid black',
        draggable: true,
        renderTo: document.body
    );

【问题讨论】：

你最好不要用baseCls，你能用cls代替吗？

【参考方案1】：

container 的默认 baseCls 是 'x-component'，根据 the docs。如果您仍需要组件行为，则应保留该组件行为，仅根据需要添加其他组件。

baseCls: 'x-component cf-core-widget cf-core-widget-container',