渲染不同的 PartialViews onclick 不同的按钮

Question

我有一个视图，它应该根据您单击的按钮显示三种不同的内容，也就是您要排序的内容。目前，它是静态的，按钮没有任何作用。所以，我有一个名为 "Order" 的主视图，在这个视图中我想呈现部分视图 PartialOrderZero、PartialOrderQuantity 和 PartialOrders。

目前我的工作是，在我的 Order.cshtml:

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

效果很好，我正在显示来自我的 PartialView OrdersQuantityZero 的数据。现在，我的目标是，点击不同的按钮，比如 button1、button2 和 button3，渲染我的三个不同的 PartialView。似乎应该通过 jQuery 完成，但我尝试过的语法不起作用。有什么方法可以在 @{Html.RenderAction("PartialQuantityZero");} 所在的位置设置占位符，并使用 $("#button1/2/3").click( function() { }?

渲染不同的视图

提前致谢。

Answer 1

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

渲染不同的 PartialViews onclick 不同的按钮

Render different PartialViews onclick of different buttons

c#

asp.net-mvc

partial-views