asp.net-mvc-3 - 动态加载部分 View

Question

如何动态加载局部 View ？

我的意思是我有这个观点，比如说 ListProducts ，在那里我选择了一些包含产品等的下拉列表，并从我想填充部分 View 的那些中选择了一些值，这将在一个不可见的 div 中，但在 onchange() 之后事件将变得可见并带有来自特定选定项目的数据。

Answer 1

使用 jQuery 的 $.load()带有返回部分 View 的 Controller 操作。
例如:

HTML

<script type="text/javascript">
$(document).ready(function()
{
    $("#yourselect").onchange(function()
    {
        // Home is your controller, Index is your action name
        $("#yourdiv").load("@Url.Action("Index","Home")", { 'id' : '123' }, 
                                        function (response, status, xhr)
        {
            if (status == "error")
            {
                alert("An error occurred while loading the results.");
            }
        });
    });
});
</script>

<div id="yourdiv">
</div>

Controller

public virtual ActionResult Index(string id)
{
    var myModel = GetSomeData();
    return Partial(myModel);
}

看法

@model IEnumerable<YourObjects>

@if (Model == null || Model.Count() == 0)
{
    <p>No results found</p>
}
else
{
    <ul>
    @foreach (YourObjects myobject in Model)
    {
        <li>@myObject.Name</li>
    }
    </ul>
}