在drag - Vaadin DragDrop附加组件上自动滚动
是指在使用Vaadin的DragDrop附加组件进行拖放操作时，当拖放元素接近容器的边缘时，自动触发容器的滚动效果，以便用户可以方便地将元素拖放到容器的任意位置。
这种自动滚动的功能可以提升用户体验，特别是当容器内的内容较多或容器尺寸较小时，用户可能需要滚动才能看到完整的容器内容。通过在拖放操作中自动滚动容器，用户可以更轻松地将拖动的元素放置到目标位置。
Vaadin是一款流行的Java Web框架，它提供了丰富的组件库和开发工具，可以帮助开发人员快速构建现代化的Web应用程序。DragDrop附加组件是Vaadin的一个扩展组件，它为开发人员提供了拖放功能的支持。
对于实现在drag - Vaadin DragDrop附加组件上自动滚动的功能，可以通过以下步骤进行：
- 确定容器的滚动触发边缘：根据设计需求，确定当拖放元素接近容器的哪个边缘时触发滚动效果。可以是容器的上边缘、下边缘、左边缘或右边缘。
- 监听拖放元素的位置变化：使用DragDrop附加组件提供的事件监听器，监听拖放元素的位置变化。当拖放元素接近容器的滚动触发边缘时，触发滚动效果。
- 执行容器的滚动操作：在滚动触发时，通过调用容器的滚动方法，实现容器的滚动效果。具体的滚动方法可以根据使用的容器组件而定，例如使用Vaadin的VerticalLayout组件可以使用
scrollToElement()方法进行滚动。
以下是一些推荐的腾讯云相关产品和产品介绍链接地址，可以帮助开发人员在云计算环境中构建和部署Vaadin应用程序：
- 云服务器（Elastic Compute Cloud，简称CVM）：提供可扩展的虚拟服务器实例，用于运行和托管Vaadin应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的MySQL数据库服务，用于存储Vaadin应用程序的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（Cloud Object Storage，简称COS）：提供安全、可靠的对象存储服务，用于存储Vaadin应用程序中的静态资源文件（如图片、CSS、JavaScript等）。产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求和项目要求进行评估和决策。
相关·内容
我有一个带有DDVerticalLayout子组件的固定位置CssLayout。我根据用户交互动态地填充这个垂直布局，以创建一个列表视图。当列表变得大于显示的区域时，我遇到了一个问题。它可以正确滚动，但拖动不会自动滚动。这迫使用户拖拽，滚动，拖拽，滚动，拖拽...
浏览 27提问于2017-03-14得票数 0
1回答
我在Maven中有一个项目，其中包含使用PostgreSQL的Vaadin8框架。我不能使用Navigator类，因为它不能与spring boot一起工作。如何在这个项目中进行导航？
浏览 10提问于2019-05-17得票数 2
我有一个RecyclerView，其中添加了可以在列表项上执行的不同操作。特别是DragDrop和SwipeDismiss。DragDrop是由长按压启动的，而SwipeDismiss是通过滑动启动的.我必须注意滚动事件来阻止这些行为的发生。滚动是很烦人的，然后突然切换到拖拽。在我添加一个OnScrollListener来处理这个问题之前。现在，当滚动时，drag将不会被设置为SCROLL，直到工具栏被折叠。() == SCROLL)
浏览 6提问于2015-07-11得票数 5
3回答
防止滚动时的拖放
、、、、
事实证明，我已经在Drag&Drop上实现了一个工作良好的ListView功能。当我试图向下滚动或向上滚动时，问题就出现了。通过这样做，Drag&Drop功能就会被激活，从而阻止我继续滚动。我找到了，这表明我们需要将我们的控制附加到ScrollChanged事件。这是我的Drag&Drop代码：
private void listView1_PreviewMouseLeftButtonDown(object
浏览 3提问于2013-10-15得票数 3
1回答
在Vaadin流中，不存在本质上是可滚动布局的组件。在Vaadin 8中，这是由完成的。
是否有办法在Vaadin流中实现可滚动组件？
浏览 0提问于2018-12-19得票数 3
回答已采纳
我刚开始学习Vaadin.It有hibernate的集成支持，非常灵活和有吸引力的UI界面和Spring.So一样的CDI支持，我的问题就像Spring一样，我们能不能只使用Vaadin而不使用任何其他framework.Or来创建web应用程序vaadin只用于UI内容，并且它只将UI调用映射到使用VaadinServlet的纯java编写的服务类？
浏览 1提问于2014-12-01得票数 0
Vaadin 14提供了两个实现
➥为什么我要使用其中一个而不是另一个？我从、和的源代码中看到，LoginForm不仅仅是AbstractLogin。相反，LoginOverlay增加了更多的方法。我不仅好奇在我的应用程序中提供登录功能，还想了解更多关于使用登录小部件作为示例或模型来制作自己的复合组件的知识。
浏览 7提问于2019-12-25得票数 1
1回答
通常，Vaadin应用程序为应用程序的每个用户界面组件设置一个顺序ID。不幸的是，这些ID对于测试自动化并不十分有用，因为它们是动态生成的，并且可能在运行时(每个会话或添加新组件时)发生变化。对于测试自动化，每个组件都需要(至少每个应用程序)唯一的静态ID。
( A) Vaadin的setId()方法1可以用来生成测试自动化友好的组件ID吗？( B) Vaadin的addStyleName()或setStyleNam
浏览 7提问于2016-10-12得票数 0
1回答
这是我使用的代码，它有时工作，有时它压缩条目以适应垂直空间，而不添加滚动条。thisshouldscroll.addCompoenent(new Label("Item in list"));}如何在Vaadin8
浏览 1提问于2019-07-19得票数 0
回答已采纳
2回答
我正在尝试编写一个类，用于在我的网页中实现可视拖放功能(是的，我知道有一些jquery插件，我这样做是为了“有趣”)。它所要做的就是将鼠标侦听器附加到div元素，并在触发mousedown和mousemove事件时将其移动。 DRAG"), false,
浏览 6提问于2014-05-02得票数 0
回答已采纳
在一个Vaadin应用程序中，我在每个选项卡上实例化了一个相同的组合框。 这些组合框包含一个很大的信息列表。这会占用服务器上的大量内存。 我有三个选项卡，因此组合框出现了三次。我希望在我的应用程序上创建一个带有模式单例的组合框。 这一个组合框将由三个选项卡共享。 但是，如果我单独应用此模式，组合框将立即出现在一个选项卡上。如何创建一个单例组合框，并且这最后一个出现在每个选项卡上？ 谢谢您的提前付款。
浏览 17提问于2021-11-04得票数 3
我希望能够在Vaadin 14 (或更高版本)中只使用键盘快捷键导航网格。可以在网格中选择单个单元格，但它只在视觉上被选中，我无法通过代码找出当前选中的是哪一个。我在这里发现了这个问题：
这可以解决我的问题，但这个附加组件是针对Vaadin 8的，不适用于版本14。有没有办法找出当前选中的单元格(按下另一个按钮)，或者有没有其他我没有找到的附加组件，除了Vaadin 14之外，基本上都是一样的？
浏览 0提问于2020-06-26得票数 1
我使用video.setShowControls(true);显示了视频控件，但用户无法将其拖动到视频中的稍后时间。他们可以暂停它，只是不能拖到以后的时间。它会忽略你的“拖拽”。这些视频，当我把它们带到我的应用程序之外时，让我可以很好地做到这一点。下面的图片显示了我正在尝试拖动的内容：
浏览 44提问于2021-05-25得票数 3
回答已采纳
1回答
我正在处理vaadin portlet，我需要创建一个vaadin图表(示例)。Chart(ChartType.BAR);
window.addComponent(chart); }Widgetset不包含com.vaadin.addon.charts.Chart的实现。如果您已经下载了vaadin附加</e
浏览 2提问于2014-10-08得票数 0
我试图自动化一个块出现在网站上，并通过CMS表比较其内容。问题是我已经设法自动化了显示在UI上的块，但是当我以管理员身份登录并尝试使用迭代将表的内容保存在一个数组中时，我无法做到这一点。<table id="nodequeue-dragdrop" class="nodequeue-dragdrop sticky-enabled tabledrag-processed sticky-tabletd> <
浏览 0提问于2012-06-07得票数 4
回答已采纳
1回答
角自动滚动与拖放
、、、、
对于工作项目，当我将DOM元素拖到窗口的顶部或底部时，希望窗口向上或向下滚动。下面是一个和的例子，它们一起使用dragula和自动滚动器。当我把它放在一个处理拖放的组件上时，我会在控制台中得到以下TypeError：...followed由一个ERROR CONTEXT执行，它应用于与组件关联的模板。我做事情的方式与示例和文档提供的方式之间的主要区别是，我使用指令来创建drake (使用[(dragulaModel)]，他们选择在组件中创建
浏览 6提问于2020-01-29得票数 2
回答已采纳
1回答
我有一个网站，我编码的html (从Wordpress，特别是，但它可以是任何)。我想创建一个页面基于这些参数和选择，他/她的计算机应该根据硬编码的操作创建两个数字数组。这些运算是基本的算术，但它们也可能涉及一些简单的三角学(窦性，余弦)和随机数。我估计每个数组要计算100/200个数字。哪个软件、编程语言或它的软件包能够实现这一点？
浏览 0提问于2017-06-29得票数 1
我在Vaadin7中开始了我的项目。由于在Vaadin7中不能使用附加组件对过滤器树的支持，我降级到了Vaadin6。我看到他们在Vaadin6 中实现了FilterTreeTable。但是，这些代码在FilterTable上运行得很好。我在哪里可以得到一些实现FilterTreeTable的演示代码？如果我得到了演示应用程序的演示代码，它将非常好。
浏览 6提问于2013-03-06得票数 4
回答已采纳
1回答
container"> <div draggable="true" dragstart.delegate="dragStart($event)">Drag="row">
<div class="upload-drop-zone" dragenter.delegate="dragEnter($event)" drop.delegate
浏览 3提问于2017-04-27得票数 4
3回答
我有一个屏幕与可移动的垂直柱和一个固定的菜单栏在Vaadin框架。下面是菜单栏的SCSS查询。因此，在保持100%宽度的情况下，菜单栏最右侧的内容将从屏幕上消失。private Component buildContent(HierarchicalContainer con) { menuContent.addStyl
浏览 2提问于2017-04-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
