0

我有一个显示公司的页面。我有很多公司，所以我想只显示前 20 家，并允许用户点击表格末尾的链接（“加载更多”）。单击此链接应保留现有公司并在表格末尾添加新加载的公司。

我怎样才能做到这一点？我知道我必须使用 ajax 和部分视图，但我无法想象在我的表中保留实际的公司（在加载新公司时不会删除这些公司）。

也许有一个 ajax 选项告诉不要删除（targetID 的）内容，而是在最后加载数据？

有没有一个例子可以给我一些具体的想法？

谢谢。

更新

这是我在新加载的行上遇到的 jQuery 图标问题。如何继续使用图标新加载行（ajax get）？

在此处输入图像描述

这是我的javascript：

$(document).ready(function () {

    // Set icons on edit & delete buttons
    $(".editCompany").button({ icons: { primary: "ui-icon-pencil"} });
    $(".deleteCompany").button({ icons: { primary: "ui-icon-trash"} });
4

1 回答 1

0

您需要将 ajaxOptions 插入模式设置为 InsertAfter。

InsertionMode.InsertAfter 而不是 InsertionMode.Replace 并确保您以表为目标。

像这样的东西：

@Ajax.ActionLink("Load More...", "Action", new AjaxOptions{ UpdateTargetId="myTable", InsertionMode = InsertionMode.InsertAfter })

您需要确保返回仅呈现<tr>元素的 PartialView，以便它们正确插入行。

InsertionMode 可能值的枚举链接：http: //msdn.microsoft.com/en-us/library/system.web.mvc.ajax.insertionmode.aspx

要解析 jQuery 图标，您只需确保在 AjaxOptions 的 OnComplete 回调中应用相同的 jQuery。

new AjaxOptions{ UpdateTargetId="myTable", InsertionMode = InsertionMode.InsertAfter, OnComplete = 'LoadIcons()' }
于 2012-04-11T11:30:50.397 回答