2017-08-02 6 views
2

私は、あなたがクリックしたボタン、別名ソートしているものによって、3つの異なるものを表示するはずのビューを持っています。現時点では静的で、ボタンは何もありません。したがって、私は "Order"と呼ばれるメインビューを持っています。このビューでは、PartialOrderZero、PartialOrderQuantity、およびPartialOrdersの部分ビューをレンダリングします。私が働いて持っているもの瞬間異なるボタンのonclickを別々にレンダリングする

は私Order.cshtmlの内側に、次のとおりです。

<div class="orderListing"> 
    @{Html.RenderAction("PartialQuantityZero");} 
</div> 

これはうまく機能し、私は私のPartialView OrdersQuantityZeroからのデータを示しています。今、私の目標は、異なるボタンのonclickは、button1button2button3、私の3つの異なるPartialViewをレンダリングです。それはjQueryを介して行う必要があるようだが、私が試した構文は動作しません。 @{Html.RenderAction("PartialQuantityZero");}が現時点のプレースホルダを設定する方法はありますか。$("#button1/2/3").click(function() { }を使用してさまざまなビューをレンダリングしますか?

ありがとうございます。

+2

部分ビューを返すサーバーメソッドを呼び出すには、ajaxを使用する必要があります。成功したコールバックでは、DOM –

答えて

0
$('#button').on('click',function(){ 
       $.ajax({ 
       url: url, 
       type: 'GET', 
       success: function (data) {//data will be partial view 
       $('.orderListing').html(data) 
       } 
      }); 
}) 
+0

を更新してください。だから、 'url'は私のControllerのPartialView ActionResultのURLになりますか? –

+0

はい..複数の通話をしようとすると、idと異なるdivを持つ –

+0

美しく動作します。ありがとうございました! –

関連する問題