在新页面上呈现部分视图

时间:2013-04-08 21:08:10

标签: jquery asp.net-mvc

在我的名为CreateAdmin的父视图中,我有一些Html控件,按钮和用于部分视图的div占位符

@using (Html.BeginForm())
{   
    <p style="padding-left: 920px;">
        <button name="button" value="search" id="SearchResultbtn">
        Search</button>
    </p>
    <div class="editor-field" id="searchResult">
        //place holder for the partial view
    </div>
}

单击“搜索”按钮时,应在此

中动态呈现局部视图
<div id="searchResult"><div>

这个jquery是

 $(document).ready(function () {
    $("#SearchResultbtn").click(function () {
        $.get('/Views/Shared/_AdminSearchResult.cshtml', function (data) {
            $('#searchResult').html(data);
        });
    });
});    

我的控制器方法是

[HttpPost]
    public ActionResult CreateAdmin(string button, Administration admin)
    {
        if (button == "search")
        {
            var result = Administration.GetAdministrationList();
            if (result.Count() != 0)
                return PartialView("_AdminSearchResult", result);
        }
    }

我在共享文件夹名称中的部分视图是_AdminSearchResult.cshtml。

问题是部分视图是在新页面中呈现而不是在它所设想的位置。有人可以指出我要去哪儿。

1 个答案:

答案 0 :(得分:1)

这应该是这些内容:

 $(document).ready(function (e) {
    $("#SearchResultbtn").click(function (e) {
        e.preventDefault();
        $("#searchResult").load('@Url.Action("CreateAdmin")');
    });
});