Javascript 为什么不是';我的表不能部分渲染吗?
我正在尝试使用局部视图在MVC5应用程序中构建一个表,以下是我所拥有的: 视图模型Javascript 为什么不是';我的表不能部分渲染吗?,javascript,jquery,ajax,asp.net-mvc,viewmodel,Javascript,Jquery,Ajax,Asp.net Mvc,Viewmodel,我正在尝试使用局部视图在MVC5应用程序中构建一个表,以下是我所拥有的: 视图模型 public class ResultsViewModel { public Results FirstPartyResults { get; set; } public Results SecondPartyResults { get; set; } public Results ThirdPartyResults { get; set; } } @model App.ViewMo
public class ResultsViewModel
{
public Results FirstPartyResults { get; set; }
public Results SecondPartyResults { get; set; }
public Results ThirdPartyResults { get; set; }
}
@model App.ViewModels.ResultsViewModel
@{
ViewBag.Title = "Start Election";
}
<div id="partialTable">
@{ Html.RenderPartial("_TablePartial", Model); }
</div>
@model App.ViewModels.ResultsViewModel
<div class="page-header">
<h1>Party Results</h1>
</div>
<div id="partialTable">
<table class="table table-striped">
<thead>
<tr>
<th>Party Code</th>
<th>Number of Seats</th>
<th>Overall Share of Votes
</tr>
</thead>
<tbody>
@if (Model != null)
{
<tr>
<td>
@Model.FirstPartyResults.PartyCode
</td>
<td>
@Model.FirstPartyResults.NumberOfSeats
</td>
<td>
@Model.FirstPartyResults.ShareOfVotes
</td>
</tr>
<tr>
<td>
@Model.SecondPartyResults.PartyCode
</td>
<td>
@Model.SecondPartyResults.NumberOfSeats
</td>
<td>
@Model.SecondPartyResults.ShareOfVotes
</td>
</tr>
<tr>
<td>
@Model.ThirdPartyResults.PartyCode
</td>
<td>
@Model.ThirdPartyResults.NumberOfSeats
</td>
<td>
@Model.ThirdPartyResults.ShareOfVotes
</td>
</tr>
}
</tbody>
</table>
</div>
Index.cshtml
public class ResultsViewModel
{
public Results FirstPartyResults { get; set; }
public Results SecondPartyResults { get; set; }
public Results ThirdPartyResults { get; set; }
}
@model App.ViewModels.ResultsViewModel
@{
ViewBag.Title = "Start Election";
}
<div id="partialTable">
@{ Html.RenderPartial("_TablePartial", Model); }
</div>
@model App.ViewModels.ResultsViewModel
<div class="page-header">
<h1>Party Results</h1>
</div>
<div id="partialTable">
<table class="table table-striped">
<thead>
<tr>
<th>Party Code</th>
<th>Number of Seats</th>
<th>Overall Share of Votes
</tr>
</thead>
<tbody>
@if (Model != null)
{
<tr>
<td>
@Model.FirstPartyResults.PartyCode
</td>
<td>
@Model.FirstPartyResults.NumberOfSeats
</td>
<td>
@Model.FirstPartyResults.ShareOfVotes
</td>
</tr>
<tr>
<td>
@Model.SecondPartyResults.PartyCode
</td>
<td>
@Model.SecondPartyResults.NumberOfSeats
</td>
<td>
@Model.SecondPartyResults.ShareOfVotes
</td>
</tr>
<tr>
<td>
@Model.ThirdPartyResults.PartyCode
</td>
<td>
@Model.ThirdPartyResults.NumberOfSeats
</td>
<td>
@Model.ThirdPartyResults.ShareOfVotes
</td>
</tr>
}
</tbody>
</table>
</div>
- 我在控制器上设置了一个断点,视图模型对象按预期创建
- 我还在partial中设置了一个断点,
的条件检查为null&其中的代码正在执行Model
注意:我希望随着时间的推移通过ajax调用来更新表-我现在还没有尝试这样做,但我解释了为什么我有一个
GET
操作结果和一个POST
,因为部分视图位于id为partialTable
的div中
<div id="partialTable">
@{ Html.RenderPartial("_TablePartial", Model); }
</div>
您需要使用#
()根据元素的id选择元素
$("#partialTable").html(partialViewResult);
非常感谢,谢谢!