如何在表格行中创建一个可以代表整行的draganddrop包装器

时间:2011-10-25 10:57:33

标签: css drag vaadin treetable

当我在Vaadin中使用treetable时,当点击左右空白时,它可以正常拖放整行。但是这不是用户友好的,我想在行内部创建一个可拖动的布局,让我们说每行的第一个组件,单击它时,整行被选中,可以拖放并重新排序。

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

1 个答案:

答案 0 :(得分:0)

我担心目前无法添加一个扩展整个行而不只是一个单元格的包装器。要做到这一点,你需要扩展Table的客户端实现(VScrollTable),这不是我推荐的,因为它非常复杂。

我认为你所描述的内容应该可以在核心Vaadin中使用(不使用拖放包装),所以你可以在dev.vaadin.com提交一张票吗?请附上一个显示问题的小应用程序,以便我们更轻松地查看问题并进行修复。

无论如何,为了让你今天能够正常工作,我建议你稍微改变你的UI设计,例如从iOS借用拖动句柄。通过我的意思是可以添加一个建议“拖动”作为第一小区中的背景图像,鼓励用户抓住行存在的图标(或在各行的行头单元格),在那里它的“空”并拖动工作。这样,如果拖动仅在行的某些部分可靠地工作,则用户可能不会太困惑。