在Extjs中设置basecls会破坏可拖动容器
在Extjs中，设置basecls属性会破坏可拖动容器的功能。basecls是一个CSS类，用于为组件添加自定义样式。但是，当设置了basecls属性后，可拖动容器的拖动功能将无法正常工作。
可拖动容器是指在Extjs中可以通过拖拽操作改变位置的容器组件。它通常用于创建可自定义布局的界面，用户可以通过拖拽组件来调整布局。
然而，当设置了basecls属性后，可拖动容器的拖动功能将被破坏。这是因为basecls属性会覆盖掉Extjs内部用于实现拖动功能的CSS类。因此，如果需要同时使用basecls和可拖动容器功能，需要采取其他方式来实现。
解决这个问题的方法是使用Extjs提供的其他属性和方法来实现自定义样式和可拖动功能的组合。例如，可以使用cls属性来添加自定义样式，而不是使用basecls属性。同时，可以使用Ext.dd.DragSource和Ext.dd.DropTarget类来实现可拖动容器的功能。
总结起来，设置basecls属性会破坏可拖动容器的功能。为了同时实现自定义样式和可拖动功能，可以使用其他属性和方法来代替basecls属性，并结合Ext.dd.DragSource和Ext.dd.DropTarget类来实现可拖动容器的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
我想用一个同样可拖动的特定baseCls创建一个容器。不幸的是，如果我添加了一个basCls，那么我的容器就不再是可拖动的了。有没有人可以帮我，这样我就可以有一个baseCls集，也可以有一个可拖动的容器。 Ext.create('Ext.container.Container',
浏览 19提问于2017-06-29得票数 1
回答已采纳
我有一个在hoverOut上淡出的容器中可见的可拖动助手($('#tgt').draggable({helper: 'clone'}))。不幸的是，一旦我将我的可拖动对象拖到容器之外的可放目标位置，我就会丢失它。当原始容器淡出时，它也会淡出。
如何避免这种情况？我尝试在start事件中将辅助对象重新设置为body的父对象，但这导致了其他奇怪的
浏览 0提问于2011-07-27得票数 1
回答已采纳
1回答
可拖动元素的包含
、、
如何定义可拖动对象的包含区域，使其可拖动到其父元素之外？我有两个可拖放的容器，里面有可拖动的div。我想在容器之间拖动包含的div。但是div会落在父容器的边界下，而不是穿过。如果我设置了一个非常高的z索引，我只能让div从一个容器转到另一个容器，这会导致div并不真正放在容器中。这会扰乱页面
浏览 1提问于2011-10-07得票数 0
回答已采纳
我有一个动态创建的TinyMCE文本区(使用外部工具栏)，在容器div中。我试图让它是可拖动的，可调整大小的(整个文本区)。如果我在它的设置中使用tinyMCE的大小调整选项，当我点击拖动来调整它的大小时，它会破坏jqueryUI的可拖动功能(整个框都跟随鼠标以及调整大小，并且不会松开)。
浏览 3提问于2012-05-25得票数 5
1回答
我有嵌套的选项卡面板(外部选项卡面板分组内部选项卡)，就像外部面板是联系人，然后在它内部，您有一个选项卡面板，用于每个打开的联系人项目，另一个外部面板是机会，在其中，您有一个选项卡面板，用于每个打开的机会这一开始会让用户感到困惑，所以我想给标签面板添加一些样式，这样用户就可以区分外部和内部的标签。任何关于样式如何工作的建议，特别是对于TabPanels，我们将不
浏览 6提问于2012-01-03得票数 1
回答已采纳
2回答
我有两列要显示在一个可排序的容器中。一个显示所有用户的列表(“friends”列)，另一个开始为空(“selected”列)。我希望能够将用户从“friends”列拖到“selected”列。问题是，当滚动时(尤其是在移动设备上)，你可能会将“好友”栏中的用户按乱序。因为它开始是按字母顺序排列的，所以当用户在寻找他的朋友以进行排序时，这会破坏顺序。我想要禁用垂直拖动，以便您只能从“朋友”->“选定”拖动，反之亦
浏览 2提问于2016-03-11得票数 3
我有一个拖放，需要它的遏制设置在开始，而不是在初始化。
编辑原因是可拖放是组件的一部分，组件可以在多个地方存在，所以我需要检查(在开始时)它在DOM中的位置，并根据它的位置设置适当的容器。例如，如果元素A中存在拖放，则将包含设置为元素A。如果元素B中存在实例，则将其设置为元素B。为了进一步澄清，我并不是在寻找直接的父对象作为容器
浏览 1提问于2014-04-08得票数 0
回答已采纳
1回答
如果这意味着单击一个子元素(如<input type="file"/> )，那么是否有可能使其在可拖动的任意位置单击我希望能够点击我的draggable容器上的任何地方，并拖动元素，即使我点击“选择文件”按钮。我可以理解单击事件是在按钮上触发的，可能不是可拖动的，但是为什么它对下面的<label>有效呢？我可
浏览 1提问于2014-03-07得票数 1
回答已采纳
这在中有更好的解释：
在顶部有用于容器和工具的模板，可以使用自定义克隆函数拖动这些模板。其思想是，用户可以从这些模板中拖动，创建实体的克隆，并使用工具设计自己的容器布局。
DOM已经有了两个原始容器。他们可以自己排序，拖拽工具到他们的作品，你可以重新洗牌。如果你克隆一个容器
浏览 0提问于2011-11-03得票数 0
回答已采纳
看来，在可拖放的容器中使用SpanButton会破坏某些东西，因为容器不能再被拖动。即使使用SpanButton，仍然可以拖动容器又能做什么呢？
我试图理解CN1代码，但很难理解。我的猜测是，SpanButton将自己的容器作为内部按钮领导，但我不明白为什么这会阻止包含容器的容器在其级别上有另一条线索。我还注意到，在下面的测试代码(第一个例子)中，设置</
浏览 3提问于2020-07-15得票数 2
回答已采纳
1回答
我在拖动元素(事件)来更新事件时遇到了麻烦。我用50px将半小时设置为一个td，所以我可以很容易地用grid [50,0]拖动，.It在当前视图元素中是ok的，但是在我拖动到可滚动的容器部分后，网格没有正确的像素！如何才能在可滚动的容器元素中正确拖动网格！
浏览 14提问于2017-06-28得票数 1
回答已采纳
2回答
我通过一个set grid选项使用了jQuery UI的可拖动功能。我的网格被设置为使用[x: 130, y: 110]约束，并且网格的容器具有一定的高度，该高度溢出了它自己的父级，允许我滚动。当我有一个可拖动的元素时，我开始拖动它，并在容器中向下滚动一点(同时仍然停留在可拖动的元素上)，该元素不再附着在网格上。我尝试过将网格改为[x: 100, y: 100]格式，这使得它在Chrome和Oper
浏览 0提问于2015-07-08得票数 7
1回答
在ExtJS 4.2.2中。我有一个这样的hbox容器： width: 500, title: "HBoxLayout Panel",Two', },{ title: 'Inner Panel Three', }]这只是文档中
浏览 2提问于2015-07-26得票数 2
回答已采纳
2回答
Ext JS 4中的可排序列表
、、、、
我正在尝试在ExtJS4中实现一个可排序的列表。与下面的示例几乎完全一样：
我知道一个人可以用一个网格拖放插件来创建一个网格面板，这和这个差不多。然而，与上面的jQuery UI示例的不同之处在于，该示例有视觉上的糖果，比如当您在项目上方拖动时，项目会移动到一边，并且实际看到您正在拖动的项目(网格拖放插件只显示您正在拖动的行数)。这样的东西在Ext中已经存在了吗？如果不是，最好的方法是什么？
浏览 1提问于2013-06-15得票数 2
我已经在我的应用程序中实现了jQuery拖放，除了IE之外，它在任何地方都可以工作，如果页面比窗口小(没有滚动条)，它也可以在那里工作。如果页面太长且可拖动对象接近底部，则每次拖动都会导致页面跳回顶部，随后随着项目的移动，内容会疯狂闪烁。以前有没有人见过这个？启动可排序的代码几乎是一行代码：
jQuery('#childrenlist').sortable({items:'div', update:updateChildrenOr
浏览 0提问于2013-01-04得票数 2
2回答
我有两个容器。一个缩略图容器和一个“页面”容器。两者都是div。缩略图可以在两个容器之间来回拖动。我已经将缩略图设置为“无效”，所以如果它们被放在两个容器中的任何一个容器之外，它们就会捕捉回其中一个容器。
缩略图必须与"page“容器中的20x20网格对齐。这就是客户端，客户端可以将缩略图放在"page“容器中</em
浏览 4提问于2011-08-04得票数 13
这些代码在Chrome上工作，我正在努力让代码在ie9上工作。它可以正常工作在没有包含的draggable()中，但是当包含设置为父级时会严重破坏行为： containment: "paren
浏览 2提问于2012-05-22得票数 2
回答已采纳
1回答
如果这个游戏板是20x20的正方形，而它的容器只能容纳10x10，我需要里面的游戏板是可拖动的。用户应该不能将它拖出容器的边界(因为在0,0块中不应该经过容器的左上角，19,19块不应该超过容器的右下角或左上角)。jQuery UI有一个可拖动的元素，允许我拖动它，但我能做的唯一约束似乎是纯粹与容器本身相关的。我通过设置边界(使用x1、y1、x2、y2格式而不是<
浏览 0提问于2013-04-20得票数 0
1回答
我将可拖动元素的包含选项指定为“document”，但不能将可拖动元素拖出容器。只有当我指定一个非常高的z索引时，这才是可能的。这导致了一个奇怪的显示(可拖动的浮动在其他页面元素上)。我必须指定什么才能让可拖动的div从editdiv容器拖到editdiv2容器？“parent”或“window”，容器中的可拖动div似乎比选择“document”时更受约束。因为
浏览 3提问于2011-10-08得票数 0
回答已采纳
3回答
如何使元素在两个div之间可拖动？这似乎是draggables应该做的事情。但是我还不能使用我现有的代码。在这个jsfiddle中，我有两个带有可拖动元素的div。我以前问过，并认为有人会知道如何拥有该功能。如果我的代码不是正确的方式，我如何定义一个元素和draggable containment选项才能具有该功能。
浏览 0提问于2011-10-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
