JQuery UI Dialog Post for ASP.Net MVC Controller Action

Question

I have an MVC view containing a jQuery UI dialog that can be opened and populated with data.

<div id="dialog">
.... Table of phone numbers
</div>
<div id="personData">
... Person model data
</div>

I am trying to pass data from a jQuery interface dialog box along with the rest of the MVC View data to a controller action.

public ActionResult Save(Person person, List<PhoneNumber> phoneNumbers)
{
}

In this example, the Person type is not part of the dialog box and is published in order. Phone numbers are in the div of the jQuery interface dialog box and are not published.

Elements in the dialog box are defined in the view and visible in the DOM, but for some reason, something prevents the data from being placed with the rest of the View data. If I remove the .dialog () declaration from the "dialog" dialog (now the div is visible on the form), data (phoneNumbers) will be sent.

, , JQuery UI View ? ( , , , - ).

Answer 1

, div , . div .

Answer 2

, , , .

- ( jQuery.val())

$("#formFieldName").val() = $("#dialogFieldName").val();

.

(, ) .