MVC3 - フォームの製品選択に基づく表示価格

Question

私はこの記事の周りに記事があると確信していますが、私は実際にそれについての正しい名前を知らず、鉱山のような例をほとんど見つけられません。

私はあなたが製品とその属性を選択する能力を持っている見積りフォームを持っています。 3つのドロップダウンがあり、3つの組み合わせに基づいて、私はテーブルを持っています（関連するモデル/コントローラあり）。私はページに価格を表示したいが、選択肢が更新されると更新する必要がある。行く簡単なように見えたが、その後、私はテール「onSelectedIndexChanged」（」）のスピンは、Javascript、AJAX、部分図に行かなかったし、私は単に自分自身を混同選択ドロップダウンに基づいて、それを更新しますから、価格を設定する

。

私は音楽ストアのデモを見ましたが、少し違っていて見やすいショッピングカートの要素をつかんでいました（詳細は3つのフィールドが価格をコントロールしています）テーブル内のデータが再びスタックされました。

いつもと同じように助けてください。

ありがとう、 スティーブ。

Answer 1

3つのドロップダウンのうちの1つが変更された場合、価格をJSONオブジェクトとして取得して価格入力を更新するためにサーバーへのAJAX呼び出しを行います。

jQueryを使用してハンドラを追加し、AJAX操作を実行する例。

var $priceControls = $('#control1,#control2,#control2'); 
$priceControls.change(function() { 
    $.getJSON('@Url.Action("price","product")', 
       $priceControls.serialize(), 
       function(price) { 
        $('#price').val(price); 
    }); 
}); 

public class ProductController : Controller 
{ 
    public ActionResult Price(string control1, string control2, string control3) 
    { 
     decimal price = ...lookup price based on control values... 
     return Json(price, JsonRequestBehavior.AllowGet); 
    } 
}