Yesod で次のプロパティを持つウィジェットを作成することに興味があります。
- デフォルトでは、単に「タイトル」というテキストとしてレンダリングされます
- マウスオーバーすると、右上隅に小さなリンク「これを編集」が表示されます
- ユーザーがリンクをクリックするかマウスオーバーすると、テキストが編集用のテキスト フィールド/領域に置き換えられます。
- ユーザーが ENTER を押すと、REST 要求がサーバーに対して行われ、値が更新されます。更新が確認されると、フォームが消え、更新されたテキストがドキュメントに表示されます
大部分は、これは厳密に JS の仕事であり、ほとんどが Yesod の範囲外です。ただし、重要な点が 1 つあります。フォーム自体は、手動で接続するのではなく、yesod フォームを使用して Yesod によって生成する必要があります。しかし、ここでの状況は少し奇妙です: 通常、フォームは静的ですが、ここではフォームはデータが何であるかに応じて異なる必要があり、Yesod は REST 更新後にユーザーに新しいフォームを出荷する必要があるかもしれません. イェソドはこれを行うことができますか？さらに、検証に関する限り、ストーリーは何ですか?