問題タブ [dynamicform]
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.
angularjs - angularjsで動的に追加されたフォームデータを処理しますか?
フォームページを含む Web アプリに取り組んでいます。
これはスキーマのモデルです。UI ページを作成しました。このページでは、mandi_detailで複数のmandiを動的に追加できます。
各 mandiには、nameとmandi_correspondent_detailがあります。複数のmandi_correspondent_detailを動的に追加できます。
各mandi_correspondent_detail は名前と連絡先番号で構成され、番号フィールドによって複数の番号を動的に追加できます。
投稿されたデータをコントローラーで取得して、mongodb のスキーマに挿入できるようにする方法。
angularjs - サーバー側とクライアント側のビジネス エンティティの一貫性を保つ
次のテクノロジを使用して Web アプリケーションの開発を開始しています。 - サーバー側 Java と Hibernate を使用して、ビジネス エンティティ、動作、およびビジネス ルールを定義しています。- クライアント側 AngularJS - サーバー側とクライアント側を通信するための JSON。
1 つのカテゴリ (id、ラベル) に関連する本 (id、name、isbn、category_id) があるとします。
新しいブックを作成できるフォームは次のようになります。
もう 1 つのフィールド、つまり作成者を追加する必要がある場合は、フォームに手動で追加する必要があるため、探しているのは、サーバー側とクライアント側のビジネス エンティティで一貫性を保つ方法です。フォームを動的に作成する方法はありますか? この問題は解決しましたか?
javascript - インデックス付きスコープ変数配列を持つ AngularJS 動的テンプレート
私は AngularJS を使用しており、このフィドルに似た新しい入力を動的に追加できるフォームを作成しようとしています: http://jsfiddle.net/V4BqE/ (以下のメイン HTML、フィドルでの作業コード)。
追加する入力の長さが 300 行以下であるため、フォームに HTML テンプレートを使用できるようにしたいと考えています。私の問題は、テンプレートで使用されたときにデータを含むスコープ変数にインデックスを付ける方法がわからないことです。plnkr http://plnkr.co/edit/4zeaFoDeX0sGTuBMCQP2?p=infoで上記のコードを独自に修正したバージョンを作成しようとしました。ただし、ボタンをクリックしてもフォーム要素は表示されません。
オンライン (plnkr) template.html で 404 not found が表示されますが、これは plnkr の制限に過ぎないと思います。Python HttpServer を使用しているマシンでは、メソッドを使用すると、 とError: [$parse:syntax]
が取得されます。$templateRequest
TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
$http.get
インデックス付きのスコープ変数配列を外部の html ファイルで動作させるためのアドバイスはありますか?
ありがとう、JR
編集:plnkrリンクを更新
javascript - 複製された jQuery ボタンは、予想よりも多くの複製を作成します
オーバーフローに関する最初の質問です。問題が発生した場合や、以前の回答を見逃した場合は、あらかじめご容赦ください。私はjQueryに少し慣れていないので、コーディング方法に問題があるかもしれません. ユーザーの必要に応じてテキスト入力フィールドを追加できる動的フォームを構築しようとしています。複製されたボタンを使用してフィールドを追加しようとするまでは、非常にうまく機能します。
jquery-ui 1.11.2 と jquery 1.11.2 を使用しています
HTML コード:
Javascript
JSFiddle
ボタンを押すたびに 1 セットのテキスト フィールドのみを表示し、テキスト フィールドを押されたボタンに関連付けたいと思います。ボタンの最初のクローンに関係していると思います。コード スタイルに関する意見や建設的な批判を歓迎します。
angularjs - Django を使用した単一ページ アプリケーションでのforeignKey の動的クエリセット
AngularJs と Django を使用したシングル ページ アプリケーションがあります。私のメイン ページでは、ページを読み込むときに必要なすべてのフォームを取得します。ただし、一部のフィールドは動的に更新されます。
私が持っているとしましょう
フォーム:
私の SPA では、(ページをリロードせずに) Model1 のインスタンスを作成できます。表示されているオプションをフィルタリングし、選択フィールドに新しいインスタンスを動的に追加する方法を知っていますが、そうすることで、html が最初にレンダリングされたときに、角度の魔法が発生して利用可能なオプションをフィルタリングする前に、django によって作成されたクエリセットを取得します。デフォルトでは model.objects.all() です。わかりました、私はそれを表示したくありません。関数のinitに追加しようとしました:
実際、フォームが最初にレンダリングされたときに選択フィールドにオプションが表示されませんが、フォームを検証できず、エラーが発生します:(Select a valid choice. That choice is not one of the available choices.
明らかに、 queryset. none() のために使用できるオプションがありませんでした)
呼び出されたときにフォームをロードするのではなく、ページが最初にロードされるときにフォームをロードしたいです。そうするのに役立つオプションはありますか?
乾杯ガイズ, キープ・ロッキング
yii2 - YII2 whenClient を動的フォームに追加する
動的フォーム ウィジェットを使用しました。フォーム フィールドは、下の図に示されています。ご覧のとおり、cancel という名前のチェック ボックスがあります。私が望むのは、cancel
チェックボックスがクリックされた場合です.小切手番号のみが必要で、残りは空にすることができます. 動的フォームを使用しなくても、チェックボックスを正確に取得できるため、バリデーターwhen
を使用して簡単に実装できます。whenClient
name
ここでの問題は、動的フォームname
がチェックボックスに対してこの種のシリーズを生成することです...
php - Yii 1.1 フォームに要素を動的に追加する
要素を yii 1.1 TbActiveForm に動的に追加しようとしていました。これを行うために 2 つの方法を試しましたが、検証に関しては失敗します。以下の私の方法をご覧ください。
方法 1 # 要素を複製します。ID を変更する
これは私がフォームを作成する方法です
「さらに追加」ボタンをクリックすると、このスクリプトは要素を複製します
方法 2 #Ajax メソッド ここでは、[さらに追加] ボタンをクリックすると、フォーム要素を新しい ID でレンダリングし、DOM に挿入します。
これらの方法は両方とも検証に失敗しました。新しく追加された要素を Yii 検証に含めるにはどうすればよいですか?
smartgwt - DynamicForm を VLayout の中央に水平に揃える
DynamicForm を VLayout の中央に水平に配置する方法はありますか? このショーケース デモで行われていることを試してみましたが、フォームでは機能しません (IButton では正しく機能します)。
これが私のコードです:
php - Yii2 : 動的フォーム wbraganca
ダイナミックフォームウィジェット(wbraganca)を使いたいです。「doingItEasy」チャンネルと github のチュートリアルを使用して試しました。そして、次のコードを書きました:
コントローラーコード -
「_form.php」コード -
「create.php」コード -
しかし、何が起こるかというと、追加/削除ボタンが機能していません。スクリーンショットを表示しています -追加/削除ボタンを含むスクリーンショット