【问题标题】:jQuery on PartialView (asp.net mvc 4)PartialView 上的 jQuery (asp.net mvc 4)
【发布时间】:2013-07-02 05:17:35
【问题描述】:

我有一个 ASP.NET MVC 4 项目,其中包含列出项目的索引页面。 每个项目都有一个链接,可以通过 $.ajax() 将详细信息页面加载为部分视图

该部分视图显示完美,并且有一个链接可以在与第一个部分视图相同的 div 中加载另一个视图。

我的问题是第二个链接不能作为局部视图,它作为一个新的 html 页面加载。

我不知道如何通过不重新加载页面从另一个局部视图加载局部视图。

谢谢。

这是我的第一个链接的视图代码:

    <div class="span5">
        <table class="table table-striped table-bordered table-hover">
            <tr>
                <th>
                    @Html.ActionLink("Código", "Index", new { sortOrder = ViewBag.CodigoSortParm })
                    @*@Html.DisplayNameFor(model => model.Codigo)*@
                </th>
                <th>
                    @Html.ActionLink("Detalle", "Index", new { sortOrder = ViewBag.DetalleSortParm })
                    @*@Html.DisplayNameFor(model => model.Detalle)*@
                </th>
                <th>Acciones</th>
            </tr>

            @foreach (var item in Model)
            {

                @*version de tr que permite la edicion haciendo click en la fila
                <tr data-href="@Url.Action("Edit", "CondicionIva", new { id = item.CondicionIvaID })">*@
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.Codigo)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Detalle)
                    </td>
                    <td>
                        @Html.ActionLink("Detalles", "Details",null, new { id = item.CondicionIvaID },new {@class ="linkContainer2"})
                    </td>
                </tr>
            }
        </table>

    <div class="span6" id="divContainer2">
    </div>

【问题讨论】:

  • 我想我明白了,你能把你绑定到第一组链接的代码发给你吗?
  • 我更倾向于 javascript/jQuery 代码 :)

标签: jquery asp.net-mvc asp.net-mvc-4


【解决方案1】:

作为初学者,我认为您想要实现的是从服务器中提取一些 html(在加载 DOM 之后),其中包含链接,并且您希望它们的行为类似于动态加载的初始链接内容?

我认为你所追求的是当你使用 jQuery 绑定到你的链接时 - 你需要使用 '.on' 方法

jQuery .on()

在语法中使用这个:

$(document).on('click', 'a', function(e){
     e.preventDefault();

     //call $.ajax here

    return false;//for good measure
});

【讨论】:

  • 太棒了!很高兴我能帮忙 :) 标记为答案 ;)
猜你喜欢
  • 2013-08-17
  • 1970-01-01
  • 2012-07-14
  • 1970-01-01
  • 1970-01-01
  • 2013-03-06
  • 2012-02-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多