Question

我有一个视图应该显示三种不同的东西，具体取决于你点击的按钮，也就是你正在排序的东西。目前，它是静态的，按钮没有任何东西。所以，我有一个名为“Order”的主视图，在这个视图中我想渲染部分视图PartialOrderZero，PartialOrderQuantity和PartialOrders。

目前我的工作是在我的Order.cshtml：

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

这很有效，我正在显示PartialView OrdersQuantityZero中的数据。现在，我的目标是，点击不同的按钮，例如button1，button2和button3，渲染我的三个不同的PartialViews。它似乎应该通过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不同的按钮

1 个答案: