1

1-問題: 選択、データ入力のために階層構造にグループ化された大量の情報からユーザーが 1 つまたは複数のものを選択できるようにする必要があります。データの深さは 4、5 親カテゴリです。

2-探している機能: eBay と同様に、アイテムのカテゴリを選択するときにカスケード リストが表示されます。ページが表示されると、最初のリスト ボックスのみが表示されます。最初の 1 つを選択すると、2 番目が表示されます。このプロセスは、選択したカテゴリにサブカテゴリがなくなるまで続行されます。

}イーベイの例

3-実際のテーブルとクエリ: テーブル:

-int ID

-文字列名

-int 親 ID

クエリ:

public IList<CategoryTable> listcategories(int parentId)

            {
            var query = from c in categorytable
                        where c.ParentId == parentId
                        select c;

                var result= query.ToList();
                return result;
}

4-開始方法がわかりません。ガイドライン、ライブサンプルjsfiddle、デモ、またはチュートリアルをいただければ幸いです。brgds

更新: この機能は、Web チュートリアルや質問ではあまり開発されていないと思います。その結果、私は素晴らしい答えのために報奨金を始めました。以前にコメントした機能の実際の例に報奨金を割り当てます。ありがとう！

4

5 に答える 5

1

現在開発中のアプリでは、ノックアウトと Webapi を使用してカスケード ドロップダウンを実行しています。

以下のような基本的なドロップダウン リストがあります。

<select data-bind="options: CurrentList, 
                   optionsText: 'name',                                                        
                   value: CurrentListSelectedItem,
                   optionsCaption: 'Please Select...'"></select>

モデルを見る

self.CurrentList = ko.observableArray(CurrentListData);
self.CurrentListSelectedItem = ko.observable();
self.CurrentListSelectedItem.subscribe(function () {
    //ajaxcall to populate list 2
});

サーバー側ツリー内のポイントの ID を受け取り、そのすべての子を返す単純なレスト サービスがあります。このようにして、これらのドロップダウンを好きなだけ連鎖させることができます (階層にレベルがある限り)。合わせる。

モックされたデータを使用した実際の例のフィドルを参照してくださいhttp://jsfiddle.net/tgriley1/vEBGS/

于 2013-04-08T13:26:05.457 に答える
1

こんにちは、同じシナリオがありました。私が使用したのは、Web API を使用したオートコンプリート リストで、特定の文字数の後に Web API を呼び出し、特定のワイルド カードのデータをロードします。これとは別に、返されたデータがまだ大きいことがわかったとき、SQLサーバー側でページネーションを追加しました

于 2013-05-06T12:40:07.170 に答える
0

telerik デモは、MVC を学ぶのに常に適した場所です。

http://demos.telerik.com/aspnet-mvc/razor/combobox/cascadingcombobox

これは、スクリーンショットのようにリストボックスを正確に使用するわけではありませんが、それらを使用するように非常に簡単に変更できます。いくつかの JavaScript を変更すると、無制限のレベルを持つことができます。

ここに別のものがあります：

http://weblogs.asp.net/raduenuca/archive/2011/04/03/asp-net-mvc-cascading-dropdown-lists-tutorial-part-5-1-cascading-using-jquery-ajax-ajax- and-dom-objects.aspx

于 2013-04-08T16:58:47.333 に答える