Home/ Questions/Q 7681385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T18:19:46+00:00

I have an asp.net mvc app, using JQuery UI dialog. I’m trying to submit

  • 0

I have an asp.net mvc app, using JQuery UI dialog. I’m trying to submit form data to the controler action method. I do hit the action method but my object has no data. Do you know why?

From Filter.cshtml

$("#selectUnits").dialog({
        autoOpen: false,
        title: 'Select Units',
        width: 400,
        modal: true,
        minHeight: 200,
        buttons: {

            "Cancel": function () {

                $(this).dialog("close");
            },

            "Submit": function () {

                $.post('/Data/SetUnitNumbers', $("#frmSelectedUnits").submit(), function (data) {

                    alert('This worked');
                });

            }

        }  // END OF BUTTONS

    });  //END OF DIALOG

From Controler…Action Method:

 public void SetUnitNumbers(object data)
    {
        int a = 5;            
    }

From SelectUnits.cshtml where form ‘frmSelectedUnits’ lives. Essentially it is a bunch of checkboxes values that I’m trying to send back to the server:

<body>

<form id="frmSelectedUnits" action="/" >

    <div id="unitNumberCheckboxes" style=" ">
        <div>
             @Html.CheckBox("SelectAllUnitNumbers", false)<label for="SelectAllUnitNumbers"><b>Select/Unselect All Units</b></label>
        </div>
        <div id="unitCheckboxes">


             @foreach (var item in Model)
                {                                            
                    <div style="float:left">

                            @Html.CheckBox("UnitNumbers", false)<label for="UnitNumbers">@item.unit_number.ToString().PadLeft(3, '0')&nbsp;&nbsp;&nbsp;</label>

                    </div>
                }                                
        </div>

    </div>

</form>


</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery .post is:

    $.post(url, data, success-callback-function);

    where data is A map or string that is sent to the server with the request.

    Calling $("#frmSelectedUnits").submit() probably won’t work.

    Try:

    $.post('/Data/SetUnitNumbers', $("#frmSelectedUnits").serialize(), function (data) {
    alert('This worked');
});

    jQuery docs on .serialize()

    • 0