issue when check Resignation requester model properties values it disp

Question

I work on asp.net MVC application . I face issue I can't pass model ResignationRequester properties values to Approve Index action when click approve button .

all properties as Request no and employee no load when details page load then I write

comment SpeakStuffComment then click approve button to save SpeakStuffComment based on request no .

approve button exist on details page so before click approve button submit

I write comments that I need to save it based on request no then click approve button

so How to pass model ResignationRequester to Approve Index action when click approve button

@model HR.WorkforceRequisition.Models.ResignationRequester

@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_LayoutResignation.cshtml";
}

<div style="padding-top:10px;">

    @if (!string.IsNullOrEmpty(ViewBag.msg))
    {
        <div class="alert alert-success">
            @ViewBag.msg
        </div>
    }
   
    @if (ViewBag.AllowApprove == true)
    {
        
        using (Html.BeginForm("ApprovalIndex", "Resignation", new { id = Model.RequestNo }, FormMethod.Post, htmlAttributes: new { @style = "display:inline;" }))
        {
            @Html.AntiForgeryToken()

            <a onclick = "$(this).parents('form:first').submit();" class="btn btn-primary" style="min-width: 100px; 
margin-left: 5px;"><i class="glyphicon glyphicon-ok"></i> Approve </a>
        }
       


    }
    <table style="border: 1px solid black;width:100%;">   
        <tr>
            
            <td class="hover" style="font-weight: bold; padding-top: 10px;">
                <div class="form-group hover">
                    @Html.LabelFor(model => model.RequestNo, htmlAttributes: new { @class = "control-label col-md-5" })
                    <div class="col-md-7">
                        @Model.RequestNo
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="hover" style="width: 50%; font-weight: bold; padding-top: 10px;">
                @Html.LabelFor(model => model.EmpName, htmlAttributes: new { @class = "control-label col-md-5" })
                <div class="col-md-7">
                    @Model.EmpName
                </div>
            </td>
            <td class="hover" style="font-weight: bold; padding-top: 10px;">
                @Html.LabelFor(model => model.EmpID, htmlAttributes: new { @class = "control-label col-md-5" })
                <div class="col-md-7">
                    @Model.EmpID
                </div>
               
            </td>
        </tr>

    </table>
    <table style="border: 1px solid black;width:100%;">

        <tr>   
            <td class="hover" style="font-weight: bold; padding-top: 10px;">
                <div class="form-group hover">
                    @Html.Label("If yes, why did the staff resign? If No, Why? ", htmlAttributes: new { @class = "control-label col-md-5" })
                    <div class="col-md-7">
                        @Html.EditorFor(model => model.SpeakStuffComment, new
                        {
                            htmlAttributes = new
               { @class = "form-control" }
                        })
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>


    public class ResignationRequester
    {
        [Display(Name = "Employee No : ")]
        [Required,]
        public int EmpID { get; set; }

        [Display(Name = "Request No")]
        public int RequestNo { get; set; }

        [Required]
        [Display(Name = "Emp. Name: ")]
        public string EmpName { get; set; }


        [DataType(DataType.MultilineText)]
        public string SpeakStuffComment { get; set; }

       


    }

}
public class ResignationController : Controller
    {

        [ValidateAntiForgeryToken]
        public async Task<ActionResult> ApprovalIndex(int id)
        {
             return new EmptyResult();
       }
}

I try make some changes to code above as below but issue all properties values as SpeakStuffComment and Request no show null so

How to solve issue please ?

 [ValidateAntiForgeryToken]
            public async Task<ActionResult> ApprovalIndex(ResignationRequester REQ)
            {
                 return new EmptyResult();
           }
  using (Html.BeginForm("ApprovalIndex", "Resignation", FormMethod.Post, htmlAttributes: new { @style = "display:inline;" }))
            {
                @Html.AntiForgeryToken()
    
                <a onclick = "$(this).parents('form:first').submit();" class="btn btn-primary" style="min-width: 100px; 
    margin-left: 5px;"><i class="glyphicon glyphicon-ok"></i> Approve </a>
            }

from debug break point cached I check properties value of model Resignation Requester it show it null to all properties values.

so what is issue and How to solve it .

Lokesh Varman · Answer

If you are experiencing an issue where the `SpeakStuffComment` property is not passing its value to the action method even though you have updated it before clicking the "Approve" button, there could be several reasons for this behavior. Let's explore some common potential causes and solutions: 1. **Form Field Naming:** Ensure that the `SpeakStuffComment` property is correctly bound to the corresponding form field. The `name` attribute of the form field should match the property name in your model. For example: ```html ``` 2. **Model Binding:** Verify that you are using the `asp-for` attribute or the `name` attribute correctly for the `SpeakStuffComment` field. The model binder relies on the correct naming to bind data to the model property. 3. **Form Method and Action:** Make sure that you are using the `POST` method in your form, and the action attribute points to the correct action method. ```html ``` 4. **JavaScript Interference:** Check if there is any JavaScript code that might be interfering with the form submission or modifying the `SpeakStuffComment` value. Ensure that there are no JavaScript errors in the browser console. 5. **ModelState:** If you are using `ModelState` in your action method, ensure that it is not affecting the value of `SpeakStuffComment`. ModelState can sometimes clear or overwrite field values. 6. **Caching:** Clear your browser cache to make sure you are not dealing with a cached version of the page that might not reflect recent changes. 7. **Validation:** Check if there are any validation attributes or logic on the `SpeakStuffComment` property or the form field that could be causing the value to be rejected during form submission. 8. **Request Data Inspection:** In your action method, you can inspect the request data to see what values are being sent. You can use tools like the built-in Visual Studio debugger or print the data to the console for debugging. 9. **View Model:** Ensure that the `SpeakStuffComment` property is part of the model that you are posting back to the server. If you have a view model, make sure it includes this property. If you've checked these aspects and the issue persists, consider providing more specific code snippets or additional details about your implementation so that I can offer more targeted assistance. Note- AI generated

ahmed salah · Answer

pass all properties model value to action work success but property SpeakStuffComment still display as null although it have value this property i add text on it before click approve button update why this not working please can you help me if possible

Lokesh Varman · Answer

It appears that you are trying to pass the ResignationRequester model to the ApprovalIndex action in your ASP.NET MVC application, but the model properties are coming as null. This issue is likely due to how you are setting up the form and handling the form submission. Here's how you can modify your code to pass the ResignationRequester model to the ApprovalIndex action correctly: Update your form to include the model as a parameter in the BeginForm method: using (Html.BeginForm("ApprovalIndex", "Resignation", new { id = Model.RequestNo }, FormMethod.Post, htmlAttributes: new { @style = "display:inline;" })) { @Html.AntiForgeryToken() @Html.HiddenFor(model => model.EmpID) // Add hidden fields for other properties @Html.HiddenFor(model => model.RequestNo) // Other form fields Approve } In the code above, we've added hidden fields for the EmpID and RequestNo properties so that they will be included in the form submission. Modify the ApprovalIndex action to accept the model as a parameter: [ValidateAntiForgeryToken] public async Task ApprovalIndex(ResignationRequester model) { // Now you can access the properties of the model. // For example, you can access model.EmpID and model.SpeakStuffComment here. // Your logic for handling the approval here return new EmptyResult(); } Make sure that you have the [HttpPost] attribute on the ApprovalIndex action if it's intended to handle HTTP POST requests. With these changes, the ResignationRequester model should be correctly passed to the ApprovalIndex action when you submit the form, and the properties should have the values you expect. Note - AI generated