問題タブ [cascadingdropdown]
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.
asp.net-mvc - 別のドロップダウンリストの値に応じてバインドされたMVCドロップダウンリスト
2つのドロップダウンリストを持つMVCWebページを作成しようとしています。2番目のリストの内容は、最初に選択したものによって異なります。
組み込みのMVC関数を使用してこれを行う決定的な方法はないように思われるので、自分でロールする必要があります。ただし、必要なすべての機能を取得するための最良の方法がわかりません...これは「Webフォームと同じ」です:)
これと同様の方法でドロップダウンを作成しました
ただし、これを開発する方法がわからないため、最初にバインドされたときに最初のリストに「選択された」要素がある場合、これはページの読み込み時に2番目のリストを自動的にバインドするために流れます。
編集:明確にするために、フィルターされたリストを2番目のドロップダウンにバインドする機能があります。ただし、モデルに最初のドロップダウンの選択が含まれている場合、選択は正しく設定されていますが、2番目のドロップダウンリストがいっぱいになりません。
(私はMVCに不慣れであり、Javascriptは私にとって異星言語のようなものであると述べなければなりませんか?)
Edit2:これについてもう少し考えました。明らかに、私はWebフォームの開発に強い影響を受けており、MVCをまだ「取得」していません。モデルでキャッチする必要があることが本当にあると思います(つまり、2つのドロップダウンを設定するための情報がすでにある場合は、何らかの方法でコントローラーでキャッチして、事前に設定されたドロップダウンを作成する必要があります。 「ondatabound」タイプのメソッドを作成し、それをビューで呼び出すようにします(これが私の最初の意図でした)...次に、その方法を検討する必要があります:)
jquery - Jqueryの問題を使用してDropDownListをカスケードする
そのため、Jqueryを使用してカスケードドロップダウンリストを作成する方法を示す例のコードソースも含まれているこのチュートリアルを見つけました。そのコードを自分のプロジェクトの例に使用しようとしましたが、機能しなかったようです。
コントローラー。:
次に、jsonresultを返すアクション:
景色:
どこで何が間違っているのですか?
ruby-on-rails - Rails3.1依存/カスケードドロップダウン
私はRails3.1を理解し始めており、誰かが私をGemの方向に向けて、フォームで依存選択を使用できるようにすることを望んでいます(または、これがRails 3.1でどのように最適に行われるかを示します)。chained_selectsプラグインに出くわしましたが、それはプロトタイプに依存しているようで、3.1では理想的ではありません。
この最も簡単な例は、自動車のメーカー/モデルです。
私には、VehicleMake、VehicleModel、VehicleTrimの3つのモデルがあります。また、各メーカーに適したモデルなどを指定する割り当てテーブルvehicleMake_vehicleModelとvehicleModel_vehicleTrimもあります。
私は、メーカー、モデル、トリムを追加しようとしている車両モデルを持っています。車両モデルは、vehicleMake、VehicleModel、およびVehicleTrimに属します。
モデルのドロップダウンに、選択された(したがってトリム用の)メーカーのモデルのみが表示されるようにするにはどうすればよいですか?2番目のポイントとして、これを自分の車両モデルでどのように検証できますか?
ありがとう!
asp.net-mvc-2 - ajaxフォームがmvc2asp.netで送信されたときのバインドドロップダウン
私の要件は単純です。私の見解には2つのドロップダウンがあります。最初のドロップダウンはデフォルトで入力され、2番目のドロップダウンは最初のドロップダウンの値に基づいて入力する必要があります。
私の見解は
<%}%>
私のコントローラーは
ここでは、最初のドロップダウンデータを投稿できず、2番目のドロップダウンデータをviewdata / tempdataに設定し、ビューでデータを2番目のドロップダウンにバインドしています。しかし、これは機能していません。
今のところ、最初のドロップダウンが変更されたら、2番目のドロップダウンをバインドするだけです。ただし、ドロップダウンに入力して2つのテキストボックスにデータを表示したい場合はどうなりますか。その場合、私は何をしなければなりませんか?
どうすればこれを解決できますか。助けてください。
c# - MVC3カスケードDropDownLists
カスケードドロップダウンリストを正確に作成する方法がわかりません
私のシナリオは次のとおりです。
カテゴリにはアイテムがあり、アイテムには施設に応じた数量があります
2つのDropDownListを作成します。1つはカテゴリを選択し、次のDropDownListは、最初にそのカテゴリのアイテムを選択すると入力され、アイテムを選択すると、各施設の数量のテーブルが表示されます。
これが私のActionResultになります
次に、Item_IDとCategory_IDに値を投稿する2つのDropDownListがあります...最初のカテゴリ、次にアイテム
これは私がどうすればいいのかわからないことです...URLをどのように入力するか、どのように送信すればよいので、他のIDを送信するときに混同せず、IDを受信できます
ActionResultで各DropDownListの値を受け取るにはどうすればよいですか?それらはどのように送られるべきですか?
答え
私はこのウェブサイトから答えを見つけました、ただ私がしたことを知らせたかっただけです
http://kmsystems.squarespace.com/journal/2009/5/31/aspnet-mvc-cascading-dropdownlists.html
jquery - カスケード ドロップダウン - ドロップダウンの変更イベントを一時的に無効にしてオプションを操作する方法
いくつかの例から変更して、jquery でカスケード ドロップダウンを作成しました。ユーザーが「バックアップ」して以前のドロップダウンを再選択できるようにする機能を追加しました。これにより、次のドロップダウンがリロードされ、後続のドロップダウンがクリアされて無効になります。
http://jsfiddle.net/goodeye/gA6GZ/
問題は、最初の通過後、選択要素の変更イベントがバインドされているため、新しい値をリロードすると、後の変更イベントが発生していると思います。
チェーン化する代わりに、.change() バインドを分離しました。選択オプションをロードする前に、以前はチェーンしていました。これは最初は役に立ちましたが、その後は役に立ちませんでした。
この問題について、私は特にこのシーケンスへの適切なアプローチを探しています:
- change() を避ける
- ドロップダウンを更新する
- change() を設定する
この質問: jQuery でイベント ハンドラーを削除する最良の方法は? 主な回答として unbind() があり、次に live() を使用するための後続の回答があります。live() アプローチは、私を少し混乱させるクラスを使用し、多くの票を獲得しませんでした。
再現するには:
ステップ 1 を選択します。ステップ 2 の発射を参照してください。
ステップ 2 を選択します。ステップ 3 の点火を参照してください。
ステップ 1 を再度選択します。ステップ 2 の発射を参照してください。
その後、問題が発生します。
ステップ 2 を選択します。ステップ 3 の火災を 2 回参照してください。
ステップ 3 を選択し、ステップ 4 を参照して 3 回発射します。
もう一度ステップ 1 を選択します。ステップ 2 の発射を 2 回参照してください。
など
さらに悪化します。ステップ 3 が 5 回発生します。
いくつかの詳細:
実際のコードでは、これらは json ajax 呼び出しからロードされます。例からそれを削除し、ハードコーディングされたオプションを追加してシミュレートし、これをイベントの問題だけに限定しました。
これはサーバー側で開始されるため、最初のドロップダウンは既に html の「内」にあります。次の 3 つは、(シミュレートされた) json 呼び出しから読み込まれます。
実際のページにはこれらのドロップダウンのセットが複数あるため、これらは識別にクラスを使用します。コードは $(this) を使用して、選択された 1 つのセット内で動作するように注意します。
オプションが 1 つしかない場合は「自動選択」して次のオプションに進む機能もあります。このコードはそこにありますが、この質問でこの問題を回避するために、シミュレートされた例にはすべて複数のオプションがあります。
あなたのアイデアを前もってありがとう!
c# - 3 MVC3 と LinqSql を使用したドロップダウン リストのカスケード
カスケードで3つのドロップダウンリストを作成したい3つのドロップダウンリストがあります。データベースにLinqSqlを使用しています..
Product(id,name)、Design(id,master_id,name)、Model(id,design_id,name) master_id が Product(id) にバインドされ、design_id が Design(id) にバインドされた 3 つのテーブルがあります。
製品を表示するドロップダウンを1つ作成したいのですが、製品を選択するとデザインドロップダウンが有効になり、そうでない場合は無効のままになります..また、ここで解決できなかったトリッキーな部分があり、ここで3番目を作成する際に大きな説明が必要ですデザインが選択されるまで通常は無効になるドロップダウン。
それらのそれぞれは、それらにバインドされた下のドロップダウンリストに入力します。製品はデザインを有効にして入力し、デザインはモデルを有効にして入力します。私は2つのドロップダウンでそれを行うことができますが、3つのドロップダウンになると、私は本当にひどく立ち往生しています(脳凍結)..
私はすでに他の質問をチェックして、自分の解決策を見つけることができませんでした。私がLinqSqlを使用して言ったように、このタイプのデータリーチには3つのカスケードドロップダウンリストに関するソリューションが必要です。
あなたにできることは何でもありがとう!Model-View-Controller パーシャルとパラメーター、およびそれらを使用する理由を説明できれば、それは素晴らしいことです。このMVC3の初心者です。
sql-server-2008 - SQL Server 2008 を使用した InfoPath 2010 のカスケード ドロップダウン リスト
初めての InfoPath フォームのいくつかに着手しています。SQL データベースにクエリを実行し、その前のドロップダウン リストで選択した値に基づいてデータをフィルター処理する必要がある 3 つのドロップダウン リスト ( Global Function
、Major Task
、および) があります。Subtask
これまでに行ったこと
テーブル内のすべてのレコードについてデータベースにクエリを実行するだけのデータ接続 (各テーブルと対応するドロップダウン リスト) を既に追加しました。各接続は、オフライン モードの「データのコピーをフォーム テンプレートに保存する」に設定されています。
次に、[ドロップダウン リスト ボックスのプロパティ]で、リスト ボックスの選択肢を [外部データ ソースから選択肢を取得する] に設定し、エントリフィールドを設定して、適切なテーブルとドロップダウン リストの組み合わせの列を選択します。
ただし、データにフィルターを追加してフォームをプレビューしようとすると、「カスケード」ドロップダウン リストのデータは変更されません。それはまだすべてのレコードを持っています。
そこで、カスケード ドロップダウンの 1 つに新しいルールを追加しようとしました。たとえば、
Major Task
ドロップダウンの新しいルールを作成し、次のように設定しました。- する条件
Global Function is not blank
- ルールの種類
Action
- 次のアクションを実行します。
- データ接続を使用したクエリ: 主なタスク (すべてのレコードを取得するだけ)
ルール/アクションのどこにもデータをフィルター処理する場所がありません。
- する条件
編集
GlobalFunctions
関係を正しくセットアップする 3 つのテーブル ( 、MajorTasks
、および)を持つ新しいデータ接続を試しましたSubtasks
(つまり、GlobalFunctions.Id = MajorTasks.GlobalFunction)。次に、ドロップダウン リストのデータ ソースをこの新しい接続に設定します。ただし、これもデータをまったくフィルタリングしません。それらのエントリと値は次のとおりです。- グローバル機能:
- エントリ:
/dfs:myFields/dfs:dataFields/d_1:GlobalFunctions
- フィルター:
<None>
- 価値:
@Id
- 表示名:
@Summary
- エントリ:
- 主なタスク:
- エントリ:
/dfs:myFields/dfs:dataFields/d_1:GlobalFunctions/d_1:MajorTasks
- フィルター:
GlobalFunction = Id
- 価値:
@Id
- 表示名:
@Summary
- エントリ:
- サブタスク:
- エントリ:
/dfs:myFields/dfs:dataFields/d_1:GlobalFunctions/d_1:MajorTasks/d_1:SubTasks
- フィルター:
MajorTask = Id
- 価値:
@Id
- 表示名:
@Summary
- エントリ:
- グローバル機能:
制限
- コード ビハインドはありません (ブラウザでは動作しないためですよね?)
- フォームは、Web またはローカル マシン (ワークステーションに保存されたコピー) で入力できる必要があります。
- SQL データベースへの接続がない場合でも動作するはずです
質問
InfoPath 2010 で複数のカスケード ドロップダウン リストを実装し、ブラウザーで動作する MS SQL データベースへのデータ接続を使用し、InfoPath Filler (後者はデータベースに接続されていない場合があります) を使用するにはどうすればよいですか。
SQL テーブル
テーブルは次のようになります。
jquery - カスケードドロップダウンリストにデータを入力するために JSON で適切な結果を返す方法は?
最初のドロップ ダウン リスト (国を含む) で選択された内容に応じて、2 番目のドロップ ダウン リスト (郡を含む) を作成しようとしています。
GetCounties というコントローラー アクションがあります。
コメントアウトされているセクションに注意してください。それは私にとってはうまくいきます(部門リストから最初の値を取得し、他の2つは「値2」と「値3」と呼ばれます。コールバックをテストするためにそれを使用しましたが、それが私に与えた唯一のものでした使用する:
ビュー側では何も達成しません。デバッグ時には、適切な値がすべて表示されますが、ビュー側のドロップダウン リストには表示されません。私が言ったように、私が得る唯一の結果は、コメントアウトされたコードを使用することです (ハードコードされた値、もちろん十分ではありません)。配列にデータを入力するために for ループを使用してリストを反復処理しようとしましたが、何も機能しません。匿名型が読み取り専用であるなどのエラーが発生するため、再度設定することはできません。
これは私のjqueryコードです:
Divisionslist はもちろん、すべての郡のドロップダウンであり、上記のコメントなしの return ステートメントを使用すると、変更されずに返されます。つまり、選択した国に応じて表示される値だけでなく、すべての値が含まれます。JSONを使用してビューに返すことができるように、フィルター処理された結果を配列に入力するにはどうすればよいですか? 私が投稿したこのコードを使用したいのは、これまでに機能した唯一のものだったからです。ハードコードされた値を正しい値と交換するだけです。それが私が困っているところです。
私を助けてください。
jquery - jsonとknockoutjsを使用してドロップダウンをカスケードするマスター詳細を作成するにはどうすればよいですか?
単純なマスター詳細シナリオ: サーバーのリスト
Driver には ID と Name もあります。サーバー上の MVC アクションから JSON として返されます。
今、私はノックアウトjsモデルを持っています
そしていくつかのバインディング
問題は次のとおりです。サーバーのドロップダウンにはデータが入力されますが、ドライバーにはデータが入力されません。私は確かに何かが欠けています。多分私はマッピングプラグインを使用する必要がありますか?