問題タブ [dynamic-forms]

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 投票する
1 に答える
2238 参照

mongodb - ユーザーが設計したフォームに使用するデータストア - EAV に NoSQL を使用する利点

ソフトウェアで、Web インターフェイスを介してユーザーが設計したフォームを作成できるようにする必要があります。つまり、質問、タイプ (テキスト、ラジオ、チェックボックスなど)、必要に応じてオプション (ラジオ/チェック) を作成し、追加して、フォーム内のすべてのフィールドを作成するまでこのプロセスを続けます。

表示/入力/印刷以外にクエリは実行されません。つまり、無制限に入力できる「アンケート」が追加されます (20 回、数百万回の場合もあります)。

いくつかの調査の後、EAV タイプのソリューションは良さそうに思えましたが、それについては否定的な見方がたくさんあります。多くの人が、この種の状況で NoSQL データベースを使用することを提案していますが、私には利点がまったくわかりません。多くのフィールドを含むフォームがあり、その後、多くのフィールドを含む結果が得られます。

一部のフィールド (text/text_area/date) には 1 つの可能な値がありますが、多くのフィールドには複数のオプション (ラジオ ボタン、ドロップダウンの選択、チェック ボックス) があります。

従来の SQL でのサンプル設計を次に示します。

フォーム: Creator_id、名前

form_field: form_id、order、question、type (テキスト、text_area、date、radio、select、check)

form_field_option: form_field_id, name, value, order (これはラジオ/選択/チェックに使用されます)

form_result: form_id, application_id (私が使用する名前ではありませんが、すべての結果は「アプリケーション」に属します)

form_field_value: form_result_id, form_field_id, form_field_option_id, value (オプションのフィールドの値が空白の場合、テキストのフィールド form_field_option_id は空白になります)

これに基づいてフォームを作成し、結果を取得するのはかなり簡単に思えます。正確に効率的である場合とそうでない場合がありますが、典型的な形式は 5 ~ 30 の質問です。

これを NoSQL データベース、つまり Mongo などに配置する利点はありますか? もしそうなら、それらが何であるかの具体例とサンプルデザインを教えてもらえますか? 「これには NoSQL の方が適している」などの回答をたくさん見てきましたが、この分野での経験はありません。結果の取得が速いためですか、それとも何ですか? また、NoSQL を使用するとどのような欠点が生じるのでしょうか?

ありがとう

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

asp.net-mvc - MVC3-AJAXを使用して動的フォームデータをサーバーにポストバックする

私はここで私の会社でサービスのデータベース入力システムに取り組んでいます。各サービスは、必要な数の操作を行うことができます。同様に、各操作には必要な数のパラメーターを含めることができます。私がやろうとしているのは、動的フォームを使用して、サービス/編集ビュー内の操作のパラメーターのデータを更新することです。

サービスに操作を追加するために動的フォームを使用しましたが、サービスビューから投稿するのではなく、操作/作成から投稿していました。これは問題ではないはずですが、私はそれを指摘したいと思いました。

今、私が抱えている問題は、パラメータフォームからサーバーにデータを投稿することです。ModelState.isValidがfalseに戻ってきました。モデル状態を見ると、すべてのサービスデータメンバーと操作データメンバーがありますが、すべてのパラメーターデータメンバーが失われています。FormCollectionを使用して動的フォームの名前を確認しましたが、実際には、モデルバインディングに関するMVCの命名規則(Parameters [i] .DataMembers)に従っています。

誰かが私にいくつかの洞察を提供してくれることを願っています。役立つ可能性のあるコードを次に示します。

私のサービスコントローラー内:

サービス/編集ビュー内で、エディターテンプレートを使用して操作のフォームを表示します。また、このフォームのブロックの後に空のdivを配置します。このブロックには、後でAJAX.ActionLinkを介してパラメーターのフォームが入力されます。

次に、エディターテンプレート内で、AJAX.ActionLinkをセットアップします。

次に、サービスコントローラに戻ります。

ParameterEditorRowは、操作モデルに強く型付けされた部分ビューです(これは、操作後にモデル化する必要があります。Model.Parametersをエディターテンプレートに渡すと、必要な命名規則(Parameters [i] .DataMembers)が生成されます。これは単純です。

そして最後に、パラメーター用のエディターテンプレートがあります。長い投稿をお詫び申し上げますが、数日間この問題に悩まされています。私のアプローチには根本的な問題があるように感じます。助言がありますか?

StriplingWarriorに応じて編集する

編集ビューでは、すべての入力フィールドが次のフォーム内にあります。

に投稿されています:

IEネットワークキャプチャを使用して、何がポストバックされているかを確認しましたが、壊れたときに保留中と表示され、その後ロックされます。私はそれをあまり頻繁に使用しないので、それが私の問題になる可能性があることを認めなければなりません。

モデルクラス(クラス固有のメンバーを除外):

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

jquery - django-dynamic-formsetフォームセットごとに2つの追加/削除リンクを作成

どういうわけか、私のdjango-dynamic-formsetの実装は少しおかしな動作をしています。

テンプレートの動的フォームセットごとに2つの追加/削除リンクを作成しています。

私はこれを少しの間理解しようとしていじくり回していて、それは私の最高のものになりました。

これが私が話しているエラーのスクリーンショットです

自分でエラーをトリガーしたい場合は、ログインを提供することもできます。これが私のテンプレートです。

これがforms.pyです

とビュー:

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

jsf - プログラムで f:selectItems を作成して HtmlSelectOneRadio に追加する

私はJSFを使用してアンケートを作成しています。したがって、さまざまな種類の質問があり、それらの数が事前定義されていないため、xhtml全体を実用的に作成する必要があります。

ビューに ah:panelGrid があるだけで、残りはバッキング Bean で生成されます。

HtmlOutputText と HtmlInputText の作成に問題はありません。その目的のために、たとえば次のように getApplication を使用してそれらを作成します。

次に、次のようにコンポーネントをグリッドに追加します。

ここで、「グリッド」は私の panelGrid 要素です。そこで、質問をループに入れて、データベースからの質問のタイプに基づいて、作成するコンポーネントのタイプを決定します。質問が通常のテキスト形式の質問である場合、HtmlInputText を簡単に使用できます。しかし、多肢選択式の質問もあります。したがって、SelectOneRadio メニューを作成し、そこに SelectItems を追加する必要があります。

HtmlSelectOneRadio上で述べたのと同じ createComponent メソッドを使用して を作成できます。しかし、オプションを追加することはできません (selectitem コンポーネント)。これを行う方法はありますか?このための UIComponent はありますか?

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

java - 動的に生成されるコンポーネントIDと値を取得します

コンポーネント(質問)がすべてプログラムでバッキングBeanに生成されるアンケートフォームがあります。

フォーム送信イベントでは、すべてのユーザー入力を収集してデータベースに保存する必要があります。

しかし、JSFは動的に生成されたコンポーネントを認識せず、Faceletsページにあるパネルグリッドと送信ボタンであるコンポーネントのみを検出します。これは私のsubmit()メソッドです。

それで、誰かが私が上記の方法以外の私のコンポーネントをどこで狩ることができるか知っていますか?

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

jquery - レプリケーションを含むフォームとテーブルでの Jquery の使用

ですから、私はこれに携わっており、非常に多くのさまざまなことを試してきました。助けが得られることを願っています. 使用したい次のフォームがあります。私はすべてのバックエンド アクセス コンポーネントなどを理解していますが、timepicker、datepicker、autocomplete、および複製を含むフォームの動作を取得できないようです。誰かが私のコードのバグを見つけることができますか? しばらく前から頭を壁にぶつけています。レプリケート機能も壊れているようです。何か案は?

ありがとう!ジョン

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

javascript - Javascript条件付き動的フォームがフィールドを入力しない

私は次のフォームを持っています。その目的は、どの状態が選択されているかを確認し、その値をスクリプトに渡すことです。スクリプトは、データベースに保存するための自動インクリメント ID を持つドロップダウン ボックスを動的に追加します。スクリプト エラーはありませんが、動的フィールドが表示されません。ちなみに、これはロブの作品http://www.web-design-talk.co.uk/58/adding-unlimited-form-fields-with-jquery-mysql/#comment-70752に基づいています。私がやっていることの欠点を誰でも見ることができますか。

前もって感謝します!

いくつかの編集の後、私は次のことを思いつきました...

このバージョンでは StateID が表示され、新しい追加ごとにドロップダウン ボックスが変更されます。唯一の問題は、ID の自動インクリメント (ClassCode_1、ClassCode_2 など) とともに、ページに出力されるフィールド数もインクリメントすることです。それが分かればすごいことになる!

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

jsf - 動的フォーム フィールドの追加中のエラー

動的フォーム フィールドを jsf フォームに追加しようとしています。しかし、単純なコードに従ってもエラーが発生します。

test.xhtml

フィールド.java

パッケージエンティティ;

パブリック クラス フィールド {

}

testBean.java

上記の私のコードでは、「java.io.NotSerializableException: Entity.Field」エラーが発生します。

Field クラスを Serializable にすると、再びエラーが発生します。

私の単純なコードの何が問題になっていますか? 前もって感謝します

0 投票する
3 に答える
3970 参照

delphi - STRING を使用してフォームを動的に作成する

設計時に 5 つのフォームを作成しました。各フォームのインスタンスを動的に作成し、タブに配置する必要があります。

私の質問:フォーム名が文字列の配列にあり、次のようにプロシージャを呼び出す場合:

各フォームの新しいインスタンスを定義して作成するにはどうすればよいですか?

これは私が今持っているものです:

「 HERE IS MY PROBLEM 」と書かれた行は、助けが必要な場所です。このように、NewForm を 2 番目のフォームの変数として再利用することはできません...

注: 私の問題はタブではありません。むしろ、同じ変数名を使用してフォームの新しいインスタンスを作成しています。

0 投票する
3 に答える
1387 参照

javascript - JavaScriptを使用して動的フォームからテーブルから行を削除する

動的フォームを使用して作成したテーブルから行を削除したいので、[追加] ボタンをクリックするとテーブルの行が自動的に増加します。テーブルから行を削除したい。行数が1行のみの場合に行を削除する場合、キーは表示されませんが、行数が複数の場合は任意の行の削除ボタンが表示されます。私はhtmlとjavascriptを作りました。

そしてこのJavaScript(jquery)

動的フォームでテーブルの行を削除する方法は?