問題タブ [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.

0 投票する
2 に答える
653 参照

javascript - htmxjs を使用してデータをフォームにロードする

HTMLでAJAXに直接アクセスできるようにするJavaScriptライブラリであるHTMXJSを使用しています。

HTMX の基本的なロジックは理解できますが、理解できない側面もあります。

フォームを作成してサーバーにデータを書き込むことができました。

HTMX はすべてを読み取り、次のループで読み取り可能な場所にname送信します。write.php$_POST

write.php:

サーバーから返されたデータをフォームに入力する方法がわかりません。INPUTたとえば、次のフォームと次の出力が与えられた場合、ボタンが押されたときに単一のフィールドに入力したいと思います。

HTML:

ロード.php:

htmxを使用している場合、サーバー側では通常、JSONではなくHTMLで応答します」とドキュメントに書かれていることは知っていますが、これはサーバー出力が、フォームを再びレンダリングするために必要なHTMLコード全体でなければならないことを意味しますこのように?

フォームに多数のフィールド、長い選択メニュー、複雑なチェックボックス グループがある場合はどうなるでしょうか。サーバーからクライアントに渡される膨大な量のデータではないでしょうか。

私は何かが欠けていると確信しています...

0 投票する
1 に答える
299 参照

htmx - メイン リストと htmx の依存リストで異なる方法で取得するネストされた選択ドロップダウンを作成するにはどうすればよいですか?

メンテナーからここに再投稿するようにリクエストされました

問題

https://htmx.org/examples/value-select/

make直接 html にあり、それが変更されると、モデルの新しいリストを取得するために hx-get が呼び出されることがわかります。

makeと の両方modelを ajax に依存させたい場合はどうすればよいですか?

言う意味

/makesmakeオプションのリストを取得するためにロード時にフェッチできるようにしたい

そして、どういうわけか、依存モデルも埋めることができます。

二つのリクエストで構いません。その理由は、私の状況でmakesは、サードパーティの API にも依存しているためです。

0 投票する
1 に答える
912 参照

javascript - htmx: 子要素の変更イベントの hx-trigger

Django フォーム ライブラリと一緒にhtmxを使用します。

ここに私のテンプレートがあります:

作成した html は次のとおりです。

をフォームのように動作させたい<tr>

の変更イベントをリッスンするようにhx-triggerに指示する方法を見つけようとしました<select>

が変更されたらすぐにデータを送信するように htmx に指示する方法selectは?

背景: これはリレーレースで、各レグがテーブルの行になります。