問題タブ [htmx]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - htmxjs を使用してデータをフォームにロードする
HTMLでAJAXに直接アクセスできるようにするJavaScriptライブラリであるHTMXJSを使用しています。
HTMX の基本的なロジックは理解できますが、理解できない側面もあります。
フォームを作成してサーバーにデータを書き込むことができました。
HTMX はすべてを読み取り、次のループで読み取り可能な場所にname
送信します。write.php
$_POST
write.php:
サーバーから返されたデータをフォームに入力する方法がわかりません。INPUT
たとえば、次のフォームと次の出力が与えられた場合、ボタンが押されたときに単一のフィールドに入力したいと思います。
HTML:
ロード.php:
「htmxを使用している場合、サーバー側では通常、JSONではなくHTMLで応答します」とドキュメントに書かれていることは知っていますが、これはサーバー出力が、フォームを再びレンダリングするために必要なHTMLコード全体でなければならないことを意味しますこのように?
フォームに多数のフィールド、長い選択メニュー、複雑なチェックボックス グループがある場合はどうなるでしょうか。サーバーからクライアントに渡される膨大な量のデータではないでしょうか。
私は何かが欠けていると確信しています...
htmx - メイン リストと htmx の依存リストで異なる方法で取得するネストされた選択ドロップダウンを作成するにはどうすればよいですか?
メンテナーからここに再投稿するようにリクエストされました
問題
https://htmx.org/examples/value-select/で
がmake
直接 html にあり、それが変更されると、モデルの新しいリストを取得するために hx-get が呼び出されることがわかります。
make
と の両方model
を ajax に依存させたい場合はどうすればよいですか?
言う意味
/makes
makeオプションのリストを取得するためにロード時にフェッチできるようにしたい
そして、どういうわけか、依存モデルも埋めることができます。
二つのリクエストで構いません。その理由は、私の状況でmakes
は、サードパーティの API にも依存しているためです。
javascript - htmx: 子要素の変更イベントの hx-trigger
Django フォーム ライブラリと一緒にhtmxを使用します。
ここに私のテンプレートがあります:
作成した html は次のとおりです。
をフォームのように動作させたい<tr>
。
の変更イベントをリッスンするようにhx-triggerに指示する方法を見つけようとしました<select>
。
が変更されたらすぐにデータを送信するように htmx に指示する方法select
は?
背景: これはリレーレースで、各レグがテーブルの行になります。