0

我有一个视图可以更改内容而不更改整体视图，（更改视图的一部分）这是我的代码：

楷模：

public class DisplayData
{
    public int ID { get; set; }
    public DisplayData(int ID)
    {
        this.ID = ID;
    }
}

控制器：

    public ActionResult PartialDemo(string Data)
    {
        List<DisplayData> Display = new List<DisplayData>();

        if (Request.IsAjaxRequest())
        {
            if (Data == "1")
            {
                Display.Add(new DisplayData(3));
                Display.Add(new DisplayData(4));
            }
            else
            {
                Display.Add(new DisplayData(5));
                Display.Add(new DisplayData(6));
            }
            return PartialView("PartialDemoUC", Display);
        }
        else
        {
            Display.Add(new DisplayData(1));
            Display.Add(new DisplayData(2));
            return View("PartialDemo", Display);
        }
     }

部分演示UC.cshtml

 @model IEnumerable<dynamic>

 @foreach(var items in Model)
 {
     @items.ID    
 }

部分演示.cshtml：

  @model IEnumerable<AppTwitter.Models.DisplayData>
  @{
      ViewBag.Title = "PartialDemo";
   }

   <script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"> </script>
    @Ajax.ActionLink("**Link_1**", "PartialDemo", "PartialDemo", new {Data= "1" }, new   AjaxOptions { UpdateTargetId = "rsvpmsg" })
    @Ajax.ActionLink("**Link_2**", "PartialDemo", "PartialDemo", new {Data= "2" }, new   AjaxOptions { UpdateTargetId = "rsvpmsg" })

    <div id="rsvpmsg">
    @{ Html.RenderPartial("PartialDemoUC", this.Model);}
    </div>

我会改变Link_1，如果Link_2被选中，就像点击了链接我该怎么做？checkbox:chechbox

我很抱歉我的英语不好。

4

1 回答 1

1

您可以使用标准复选框：

@model IEnumerable<AppTwitter.Models.DisplayData>
@{
    ViewBag.Title = "PartialDemo";
}

<div data-url="@Url.Action("PartialDemo", "PartialDemo")" id="checkboxes">
    @Html.CheckBox("Data1", new { data_value = "1" })
    @Html.CheckBox("Data2", new { data_value = "2" })
</div>

<div id="rsvpmsg">
    @{Html.RenderPartial("PartialDemoUC", this.Model);}
</div>

然后在一个单独的 javascript 文件（您需要参考）中订阅.change()这些复选框的事件并触发 AJAX 请求：

$(function () {
    $('#checkboxes :checkbox').change(function () {
        var value = $(this).data('value');
        var isChecked = $(this).is(':checked');
        var url = $('#checkboxes').data('url');
        $.ajax({
            url: url,
            type: 'POST',
            data: { data: value, isChecked: isChecked },
            success: function (result) {
                $('#rsvpmsg').html(result);
            }
        });
    });
});

现在，您的控制器操作可以采用 2 个参数，除了知道单击了哪个复选框之外，您还可以知道它的值是选中还是未选中，因为与链接相反，复选框可以有 2 种可能的状态：

public ActionResult PartialDemo(string data, bool isChecked)
{
    ...
}

jquery.unobtrusive-ajax.min.js哦，如果您不再使用帮助程序，您将不再需要脚本Ajax.*。

于 2012-06-22T09:28:48.317 回答