MVC 5 - viewmodel object not binding view issue.

Abhilash J A

9y886.NET

Hello Everyone,

This Ajax call on button click,

$('#idProject').click(function () {
var idProject = $(this).attr('name');
$.ajax({
url: "/UserRegister/GetProjectByID?projectid=" + idProject,
type: "POST",
success: function (result) {
//alert(result);
}
});
});

View page,

@model Reboxwebapp.Models.ViewModel.PartnerProjectVM
@Html.TextBoxFor(model => model.ProjectName, new { @id = "first_name", @class = "form-control input-sm ", @placeholder = "Project Name" })
/*---here, model object continuing---*/

And controller actionresult.

[HttpPost]
public ActionResult GetProjectByID(int projectid)
{
PartnerBIL objPartnerBIL = new PartnerBIL();
PartnerProjectVM partnerProjectVM = new PartnerProjectVM();
var PartnerProjectBL = objPartnerBIL.GetProjectByID(projectid) as PartnerProjectBL;
partnerProjectVM.idPartnerProject = PartnerProjectBL.idPartnerProject;
partnerProjectVM.ProjectName = PartnerProjectBL.ProjectName;
partnerProjectVM.ProjectDescription = PartnerProjectBL.ProjectDescription;
partnerProjectVM.ProjectType = PartnerProjectBL.ProjectType;
partnerProjectVM.Status = PartnerProjectBL.Status;
partnerProjectVM.CompletionYear = PartnerProjectBL.CompletionYear;
partnerProjectVM.ProjectLocation = PartnerProjectBL.ProjectLocation;
partnerProjectVM.ClientName = PartnerProjectBL.ClientName;
return View("PremiumUserRegProjects", partnerProjectVM);
}

Please help me...

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ehsan Sajjad9y ago
Accepted answer
Your action method expects post, in ajax post query string parameter is not considered, instead body of the http message is passed, you need to change your ajax call code to be something like:
Way 1:
$.ajax({
        url: "/UserRegister/GetProjectByID",
        type: "POST",
        data: { projectid : idProject}
        success: function (result) {
            //alert(result);
        }
    });
so you can see above now we are using data property of ajax method.
Way 2:
If you want to do it via query string, in the case you will need to change the action method to HttpGet like:
[HttpGet]
public ActionResult GetProjectByID(int projectid)
{
}
Another thing to note here is that, it is not a recommended approach to create url for ajax calls, you should be using Url.Action helper method for that like:
url: '@Url.Action("GetProjectByID","UserRegister")'
Hope it helps!
Abhilash J A9y ago
Hello All,
Its working fine! I did right inside partial view page. Thank.
@{
Layout = null;
}
Abhilash J A9y ago
Hello Ehsan Sajjad,
I did changed ajax call like
$('#idProject').click(function () {
    var idProject = $(this).attr('name');
    $.ajax({
        url: "/UserRegister/GetProjectByID",
        type: "POST",
        data: { projectid: idProject },
        success: function (result) {
            $('#divprojectRow').html('');
            $('#divprojectRow').html(result);
        }
    });
});
and added a partial view to Parent view.
return View("_premiumUserRegProjects", projetlistmodel);
Then I did included hiddenfieldfor inside partial view page.
@Html.HiddenFor(model => model.listProjectVM.Projectname);
ect...

Now binding data and passing data to controller as post method. Its okay. But if I am trying to change the data from existing one, it is does not update model object. How can I solve this issue?

Please help me...
Abhilash J A9y ago
@Chetan, There is no errror occurring. But I can not bind html controls from existing model object values.
Chetan Ranpariya9y ago
What is the issue? What is unexpected happening? What error you are getting?

MVC 5 - viewmodel object not binding view issue.

Way 1:

Way 2: