部分视图不呈现MVC剃刀

时间:2012-03-29 23:06:34

标签: ajax asp.net-mvc partial-views

这是我第一次使用部分视图而我无法获得实际的部分视图。调用ajax函数,控制器被命中,ajax调用中的警报显示部分视图在那里。但是,如果将错误写入控制台(或警报),我的div仍然是空的。 我的应用程序是一个MVC4应用程序,但我很确定我在某个地方做了一个愚蠢的错误,而不是MVC的错误:)

经过几个小时的谷歌搜索,我真的很高兴任何人都可以帮助我实现这一点,所有关于code / ajax的提示/评论我都非常感谢!

public PartialViewResult Groups()
{
        var person = _userRepository.GetCurrentUser();
        var connections = (from c in person.Person1 select c).ToList();
        var groups = _context.Groups.Where(g => g.GroupId == 1);

        var all = new GroupViewModel()
                      {
                          Connections = connections,
                          GroupDetailses = (from g in groups
                                            select
                                                new GroupDetails
                                                    {
                                                        Name = g.Name,
                                                        StartDate = g.StartDate,
                                                        StartedById = g.StartedById,
                                                    })

                      };
        return PartialView("Groups",all);
}

我的PartialView

@model Mvc4m.Models.GroupViewModel

<h2>Groups</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<h3>Create new Group</h3>
<div class="ui-widget">
    <label for="group">Groupname: </label>
    <input id="group" />
    <button onclick="addGroup()">Add</button>
</div>

@foreach (var item in Model.GroupDetailses)
{
    @Html.LabelFor(model => item.Name)<text> : </text>
    @Html.DisplayFor(model => item.Name)
}
<script>
    function addGroup() {
        $.get(
                "/Profile/AddGroup",
                {
                    Name: $("#group").val()
                });
        location.reload();
    };
</script>

我对Profile / Index的Ajax调用

@model Mvc4m.Models.ProfileView

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<div id="test" style="background-color:Aqua; width:200px; height:100px"></div>

<button onclick="load()"></button>

<script type="text/javascript">
function load() {
    $.ajax({
        type: "GET",
        url: '/Profile/Groups',
        dataType: 'html',
        success: function (response) {
            $('#test').html(response);
            alert(response);
        },
        error: function (xhr, status, error) {
            alert(status + " : " + error);
        }

    });
}

</script>

1 个答案:

答案 0 :(得分:0)

原来代码工作,视觉工作室的重启做了伎俩!我有时讨厌VS ......