Actualizar propiedad del ViewModel (y oculta en la View) con otro elemento visible.

Imaginemos que utilizamos un editor HTML que hemos encontrado por internet, este editor nos permite escribir código HTML.

Ahora bien, aquí no podemos usar un HtmlHelper en la vista para editar la propiedad que hará referencia al contenido de este editor, por lo que la solución es poner nuestra propiedad del viewModel: “Contenido” como oculta, y posteriormente actualizarla con el contenido del editor de HTML. De ese modo, al hacer el POST, nuestro controlador ya tendrá el valor de la propiedad con el texto que hayamos metido en el editor.

submit1: botón

editor1: widget que nos permite editar código HTML

Contenido: propiedad del viewmodel que debe almacenar el texto HTML editado

 

VISTA:

(Elemento oculto del modelo)

@Html.HiddenFor(x=>x.Contenido)

(Actualizo el elemento oculto con el valor de otro que sí es editable)

 

$(document).ready(function
()
{

$(“#submit1”).click(function
()
{


var texto = $(“#editor1”).html();

 

$(“#Contenido”).val(texto);

 


});


});

 

Ahora desde el controlador ya puedo leer el valor actualizado de “Contenido”.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s