User475983607 posted
rkrex
Thats obvious. But it doesnt resolve the issues that I addressed.
Update a partial view on a parent view from another partial view on the same parent view.
This example has one View and two partials; Index, Input, Result. Basically the Greeting input Element in the Input partial is POSTed to the Input action. The Input action returns the same value to the AJAX function. The AJAX function updates
the Result partial.
Model
public class InputViewModel
{
public string Greeting { get; set; }
}
Actions
public class AjaxDemoController : Controller
{
// GET: AjaxDemo
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Input(InputViewModel vm)
{
if (Request.IsAjaxRequest())
{
return Json(vm);
}
return PartialView();
}
}
Index View
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
<script>
$(function () {
$('#Greeting').val("Hello World!");
$('#Button1').click(function () {
var data = {};
data.Greeting = $('#Greeting').val();
$.ajax({
method: 'POST',
url: 'http://localhost:50391/AjaxDemo/Input',
contentType: 'application/json;charset=utf-8',
dataType: "json",
data: JSON.stringify(data)
}).done(function (data) {
console.log(data);
$('#result').text(data.Greeting);
}).fail(function (err, textStatus, status) {
console.log(status);
console.log(err);
});
});
});
</script>
<div>
<div>
@Html.Partial("Input")
</div>
<div>
@Html.Partial("Result")
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input id="Button1" type="button" value="Create" class="btn btn-default" />
</div>
</div>
</div>
Input Partial View
@model MvcApiDemo.Models.InputViewModel
<div class="form-horizontal">
<div class="form-group">
@Html.LabelFor(model => model.Greeting, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Greeting, new { htmlAttributes = new { @class = "form-control" } })
</div>
</div>
</div>
Result Partial View
<div id="result"></div>
rkrex
If we could address whats going on as to the reason why a controller method cannot read a record in a database that does not exist I think we could all move on.
Are you having problems handling a null result after querying the database? Can you post the controller method source code?
