asp.net-mvc-3 – 动态加载部分视图

发布时间：2020-12-16 00:38:46 所属栏目：asp.Net 来源：网络整理

导读：我如何动态加载部分视图？我的意思是我有这个观点，让我们说ListProducts，在那里我选择一些下拉列表与产品等，并从我想要填充部分视图的选定的值，这将是一个div是不可见，但在onchange()事件将变得可见，并显示来自特定选定项目的数据。解决方法使用jQu

我如何动态加载部分视图？

我的意思是我有这个观点，让我们说ListProducts，在那里我选择一些下拉列表与产品等，并从我想要填充部分视图的选定的值，这将是一个div是不可见，但在onchange()事件将变得可见，并显示来自特定选定项目的数据。

解决方法

使用jQuery的 $.load()与控制器动作返回部分视图。
例如：

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>

调节器

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>
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!