GWTで段落メタデータを使用して段落単位編集可能な文書を作成する方法

Question

基本的には、（a）編集可能で、（b）それぞれがメタの列を持つスープ付き段落を持つ文書が必要です-data/widgetsを左に置きます。つまり、私は、各段落の左側にあるボタン、状態インジケータ、非常に短いテキストボックスフィールド（3文字）のようなコントロールの列である、

（1）を除くHTML文書のようなツリーレイアウトが必要です。

（2）段落をクリックする（または左の編集ボタンを押す）と、編集可能なテキストエリアに変わります。あなたが終わったら、左の完了ボタンを押す（おそらく編集ボタンが完了ボタンに変わった）、テキストエリアは段落に戻る。

編集を押すと、左のメタデータの一部のラベルも、テキストエリアなどに変形し、完了したときに再び表示されます。また、ボタンを押して段落の一部だけを表示したい（タイトルと本文を持つ段落を想像したい）。

私は十分なHTMLテーブルとGWTパネルで頭を打つと、これを行う何かを一緒にcobbleことができますが、私はできるだけ軽量な方法でこれをやろうとしている私はそれがブラウザで自然にサイズを変更したい、そしてブラウザがドキュメントのように見えるものを自然にレイアウトしているので、ほとんどの場合、バニラのHTMLを使うことができるはずです。

私は数日間GWTパネルにさまざまな種類の不満を感じました。アイデア？

Answer 1

Labelを非表示にしてTextAreaと表示し、編集が完了したら元に戻すことができます。必要なスタイルを設定してください - Labelは<div>となり、TextAreaは<textarea>となります。パネルは必要ありません...これらの2つのウィジェットを入れるコンテナは<div>です。