如何更新模型值,并重新加载在Razor视图一个div在MVC
这是我在剃刀代码视图,基本上从数据库中提取信息显示表 -如何更新模型值,并重新加载在Razor视图一个div在MVC
@model List<EmpoyeeInfo.Models.FFX_HR_Employees> @using System.Reflection;
@{
ViewBag.Title = "Employee Information";
var Properties = Model[0].GetType().GetProperties(BindingFlags.Public | BindingFlags.Instance).ToList();
string[] head = new string[Properties.Count()];
}
<div id="web-top">
<div id="horizontal-line"></div>
<input class="search-box-text" type="text" spellcheck="false" placeholder="Search Individual Record..." title="Search Individual Record" id="searchbox" name="searchbox" />
</div>
<div id="web-main">
<table class="employee-info">
<tr>
@foreach (var Property in Properties)
{
if (Property.Name.Equals("AnnualHolidayEntitlement"))
{
<th colspan="2">@Property.Name</th>
}
else
{
<th>@Property.Name</th>
}
}
</tr>
@foreach(var Row in Model)
{
<tr>
@{
Type type = Row.GetType();
IList<PropertyInfo> props = new List<PropertyInfo>(type.GetProperties());
}
@foreach (PropertyInfo prop in props)
{
if (prop.Name.Equals("AnnualHolidayEntitlement"))
{
<td contenteditable="true">@prop.GetValue(Row, null)</td>
}
else
{
<td>@prop.GetValue(Row, null)</td>
}
}
<td class="saveToDB">SAVE</td>
</tr>
}
</table>
</div>
但正如我在键入搜索箱文本,Ajax调用是由 -
$(document).ready(function() { $('.search-box-text').keypress(function() {
getReport($(this).html());
});
})
function getReport(Name) {
$.ajax({
url: '@Url.Action("Index", "Home")',
type: 'POST',
data: { Name: Name },
dataType: "json",
cache: false,
success: function (result) {
//do stuff;
},
error: function() {
console.log("no display");
}
});
}
现在我该怎样重新加载DIV - “网络主”和更新模型值,使得作为一个名称的用户搜索,该表也需要更新。
回答:
下面的代码会将结果附加到div'web-main'。你需要在代码中操纵jQuery的成功部分
$(document).ready(function() { $('.search-box-text').keypress(function() {
getReport($(this).html());
});
})
function getReport(Name) {
$.ajax({
url: '@Url.Action("Index", "Home")',
type: 'POST',
data: { Name: Name },
dataType: "json",
cache: false,
success: function (data) {
//do stuff;
console.log(data);
$("web-main").append(JSON.stringify(data));
},
error: function() {
console.log("no display");
}
});
}
以上是 如何更新模型值,并重新加载在Razor视图一个div在MVC 的全部内容, 来源链接: utcz.com/qa/263240.html