¿Por qué jquery ui dialog rompe el enlace por defecto del modelo asp.net mvc?

Acabo de tomar el ejemplo de la interfaz de usuario de la interfaz de usuario jquery (diálogo modelo) e intenté incluirlo en mi proyecto mvc de asp.net y he observado algo extraño.

Si tiene contenido dentro de una etiqueta div jquery ui dialog, el archivador de modelo predeterminado no lo recoge durante la publicación en el servidor, ya que si eliminó estos elementos del formulario

El código de vista completa está abajo. Si ve en la parte inferior, está la sección donde se encuentra el contenido del diálogo:

<div id="dialog" 

El problema es que en mi tabla dentro del “cuadro de diálogo div”, también hay una serie de entradas que se asignan a mis campos de objetos de datos de enlace. Cuando observo la acción de mi controlador durante la depuración, todos estos son nulos después de la publicación.

¿Qué podría estar haciendo el código js de jquery ui dialog que lo eliminará de los “scopes” del modelo predeterminado cuando se publique, ya que el código está dentro de los elementos del formulario?


Código Javascript:

  $(function() { $("#dialog").dialog({ bgiframe: true, autoOpen: false, height: 500, width: 500, modal: true, buttons: { 'Create an account': function() { 

CÓDIGO HTML

   
Name Email Details
John Doe [email protected] Locations:
Submit

Encontré esta otra pregunta de Stackoverflow con el problema similar y funciona parcialmente.

La ventana modal de jQuery elimina elementos de mi formulario

vuelve a colocar los elementos del diálogo en el formulario antes de enviarlo y soluciona el problema