如何更新模型值,并重新加载在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

回到顶部