在ASP.NET MVC中的复选框checkevent上加载视图

Question

在ASP.NET MVC视图中，我具有复选框控件

@Html.CheckBoxFor(
    model => model.ServiceListDetails.IsCargoLiquidCall, 
    new { id = "chkCargoLiquid"}
) Cargo Call (Liquid)

 @Html.CheckBoxFor(
    model => model.ServiceListDetails.IsCargoDryCall, 
    new { id = "chkCargoDry"}
) Cargo Call (Dry)

.....和另外五个复选框。 在每个复选框的复选框选中事件上，我需要“ RenderAction”到下面的字段集

<fieldset>
@{Html.RenderAction("_CargoCalLiquid", "Services");}
</fieldset>

<fieldset>
 @{Html.RenderAction("_CargoCalDry", "Services");}
</fieldset>

这是在加载视图时发生的，但是加载同样花费很多时间，因为每种类型和相应的服务列表都有七个复选框。

因此，当单击复选框时，才应加载该复选框。如何实现？

我尝试了下面的方法，但是没有用..我是MVC的新手，或者有什么方法可以将其加载到datagrid控制中，这将花费更少的时间。

请感谢帮助。

Answer 1

使用javascript / jquery事件和ajax调用

像下面这样

 @Html.CheckBoxFor(
        model => model.ServiceListDetails.IsCargoLiquidCall, 
        new { id = "chkCargoLiquid",onchange="RenderService()"}
    )
    <div id="TargetID"><div/>

    <script>
    function RenderService(){
           $.ajax({
                 type: "POST",
                 url: '@Url.Content("~/Services/_CargoCalLiquid")',
                 success: function(result) {
                    $('#TargetID').html(html);

                 },
                 error: function(msg) {
                     alert("failed");
                 }
             });
    }
    <script/>

希望这对您有帮助