Vaadinでtreetableを使用すると、左右の空白領域をクリックすると、行全体をドラッグアンドドロップするとうまくいきます。しかし、それはユーザーフレンドリーではありません。行内にドラッグ可能なレイアウトを作成したいのですが、各行の最初のコンポーネントとしましょう。クリックすると、行全体が選択され、ドラッグアンドドロップして並べ替えることができます。
問題は、ラッパーを使用して垂直レイアウトを作成できることですが、ドラッグモードはそのコンポーネントまたはラッパー自体のみであり、ドラッグアクションを実行すると、実際には行全体が移動していることを示していないため、混乱する可能性がありますクライアント。各行の空白領域をドラッグするのと同様に、行全体をドラッグしているように見せるにはどうすればよいですか? ありがとう。
残念ながら、現在、1 つのセルではなく行全体を拡張するラッパーを追加する方法はありません。これを行うには、テーブル (VScrollTable) のクライアント側の実装を拡張する必要がありますが、これは非常に複雑であるため、お勧めしません。
あなたが説明したことはコア Vaadin で (ドラッグ アンド ドロップ ラッパーを使用せずに) 可能であるはずだと思いますので、dev.vaadin.comでチケットを提出していただけますか また、問題を確認して修正しやすくするために、問題を示す小さなアプリケーションを添付してください。
とにかく、今日それを機能させるために、UI デザインを少し変更して、たとえば iOS からドラッグ ハンドルを借りることをお勧めします。つまり、最初のセル (または各行の行ヘッダー セル) に背景画像として「ドラッグ可能」であることを示唆するアイコンを追加して、ユーザーが「空の」行を取得するように促すことができます。 」とドラッグが機能します。これにより、ドラッグが行の一部でのみ確実に機能する場合でも、ユーザーはそれほど混乱することはありません。