Css 如何在表行中创建一个draganddrop包装器,它可以表示整行

Css 如何在表行中创建一个draganddrop包装器,它可以表示整行,css,drag,vaadin,treetable,Css,Drag,Vaadin,Treetable,当我在Vaadin中使用treetable时,当单击左右空白区域时,它可以很好地拖放整行。但这并不是用户友好的,我想在行内创建一个可拖动的布局,比如说每行的第一个组件,当单击它时,整行被选中,可以拖动并删除以重新排序 问题是,我可以用包装器创建一个垂直布局,但拖动模式仅适用于其组件或包装器本身,并且在执行拖动操作时,它实际上不会显示整行正在移动,这可能会混淆客户端。我能做什么使它看起来像拖拽整个行,类似于你拖拽每一行的空白区域?谢谢。恐怕目前没有办法添加一个包装器来扩展整行而不是一个单元格。要做

当我在Vaadin中使用treetable时,当单击左右空白区域时,它可以很好地拖放整行。但这并不是用户友好的,我想在行内创建一个可拖动的布局,比如说每行的第一个组件,当单击它时,整行被选中,可以拖动并删除以重新排序


问题是,我可以用包装器创建一个垂直布局,但拖动模式仅适用于其组件或包装器本身,并且在执行拖动操作时,它实际上不会显示整行正在移动,这可能会混淆客户端。我能做什么使它看起来像拖拽整个行,类似于你拖拽每一行的空白区域?谢谢。

恐怕目前没有办法添加一个包装器来扩展整行而不是一个单元格。要做到这一点,您需要扩展表(VScrollTable)的客户端实现,我不推荐这样做,因为它相当复杂

我确实认为你所描述的应该在core Vaadin中是可能的(不使用拖放包装器),所以你能在吗?请附上一个显示问题的小应用程序,以便我们更容易看到问题并解决问题

不管怎样,为了让它在今天工作,我建议您稍微改变一下UI设计,例如借用iOS的拖动手柄。我的意思是,您可以在第一个单元格(或每行的行标题单元格)中添加一个提示“可拖动”的图标作为背景图像,以鼓励用户抓取其中的行,其中该行为“空”,并且可以拖动。这样,如果拖动只在行的某些部分可靠地工作,用户可能不会太困惑