我希望创建一个主/详细信息页面。我认为它以两种方式之一工作:
- 单击网格中的一行会再次调用同一页面,并添加详细信息面板。
- 单击一行会对控制器操作进行 javascript/JSON 调用,该操作返回详细信息并填充面板。
我希望突出显示所选行。所选行可能是分页网格中的几页。
听起来很容易。不幸的是我是 ASP.NET MVC 的新手,而且我不是一个经验丰富的程序员。不过,我可以遵循并改编示例。我希望以上两种方法的示例能够帮助我学习 MVC。
提前致谢。
回答我自己的问题:
我最终使用了 PartialViews 和 jQuery。
单击某一行的选择链接会导致在所选行下方添加新行(使用 jQuery)。在这一行中,我使用 jQuery 获取/采购订单/详细信息(部分视图)。
这是我的 JavaScript:
function GetDetails(id, enableEdit) {
var detailsRowExists = $().find("#detailsRow").size();
if (detailsRowExists) {
// Delete details row
// Note: need to rename id for row to be deleted
// because jQuery does not wait for the row to be
// deleted before adding the new row.
$("#detailsRow").attr("id", "detailsRowOld");
$("#detail").slideUp("normal", function() {
$("#detailsRowOld").remove();
});
};
// Put new row below selected one
$("tr[id=" + id + "]").after("<tr id='detailsRow'><td colspan='4'><div id='detail'><img src='../../Content/wait20trans.gif' />Loading...</div></td></tr>");
// Pull details into new row
$.get("/PurchaseOrder/Detail/" + id, { enableEdit: enableEdit },
function(data) {
$("#detail").hide();
$("#detail").html(data);
$("#detail").slideDown("normal");
}
);
}
希望这可以帮助其他尝试实现主/详细信息页面的人。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)