User-1714333915 posted
Here is the full code of the View:
@model MainUserModel
@{
ViewData["Title"] = "Main";
}
<div class="alert-light">
<div class="text-left text-dark alert-info">Name: @Model.UserData.UserName</div>
<div class="text-right text-dark alert-info">Email: @Model.UserData.Email</div>
<div class="btn btn-primary text-dark">
<a asp-controller="Login" asp-action="SignOut">Sign Out</a>
</div>
</div>
<div>
<p class="text-center">Input Name of the User</p>
<script type="text/javascript">
$(document).ready(function () {
$("#UserName").autocomplete({
source: function (request, response) {
$.ajax({
url: "/User/AutoComplete",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.UserName, value: item.UserName };
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
})
</script>
@using (Html.BeginForm(FormMethod.Post))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
<div class="form-group">
<div class="col-md-12">
@Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } })
</div>
</div>
<div class="form-group">
<input type="submit" value="Confirm" class="btn btn-primary" />
</div>
</div>
<p>The Chosen Name: @Model.UserName</p>
}
</div>
This is the full code of the View.
Here is the code of the controller Get and Post parts.
DataModel it is MainUserModel class
Get:
[HttpGet]
public IActionResult Main()
{
// Getting User Data from cookie
string Email = HttpContext.User.Claims.FirstOrDefault(o => o.Type == ClaimTypes.Email).Value;
DataModel.UserData = qUser.QUserData.Where(o => o.Email == Email).FirstOrDefault();
return View(DataModel);
}
And the Post part:
[HttpPost]
public IActionResult Main(MainUserModel mod)
{
// This one only one data that actualy excists
System.Diagnostics.Debug.WriteLine("This is string Name that was selected " + mod.UserName);
// This one already null
System.Diagnostics.Debug.WriteLine("UserName of the User from WalletData " + mod.UserData.Email);
return View(mod);
}
Also the Data Model of the MainUsertModel:
public class MainUserModel
{
public string UserName { get; set; }
public UserDataModel UserData { get; set; }
public UserHistory UserHistory { get; set; }
}
The variable UserName is assigned but all the others become null after a HttpPost.
Also The UserName from tis part of code: @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } }) is assigned in
JsonFunction witch code I also show here:
public async Task<JsonResult> AutoComplete(string Prefix)
{
JsonSerializerSettings settings = new JsonSerializerSettings();
List<MainUserModel> mainModels = new List<MainUserModel>();
foreach(var zx in qUser.QUserData.ToList())
{
mainModels.Add(new MainUserModel { UserName = zx.UserName });
}
var UsersList = from N in mainModels where N.UserName.StartsWith(Prefix) select new { N.UserName };
return Json(UsersList, settings);
}
