Para utilizar serialize() de jquery en un conjunto de elementos que estén dentro de un padre que no sea un formulario puede ser posible, para ello te muestro un ejemplo suponiendo que el padre se llama “PadreQueNoEsForm”:
var parametros=$("#PadreQueNoEsForm :input").serialize();
La función serialize de jquery nos sirve para serializar los elementos que se encuentra dentro de un formulario en específico, es decir, al aplicar la función obtenemos los elementos preparados para una petición al backend (campo1=1&campo2=2…).
Para que podamos hacer esta funcionalidad pero en elementos que no están dentro de un form sino dentro de un div por ejemplo lo podemos hacer de la siguiente manera:
<div id="UnDiv">
<input type="text" name="campo1">
<select name="campo2">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="text" name="campo3">
</div>
//selector de jquery :input
var parametros = $('#UnDiv :input').serialize();
Recuerda poner el atributo name en los elementos a serializar y también otro tip, el selector “:input” selecciona todos los elementos de formulario, tanto input, select, textarea etc.
Cuando creamos nuestro sistema en Windows form y el formulario principal lo convertimos en MDI, la mayoría de veces queremos cambiar el color gris por defecto a otro, pero nos damos cuenta que al cambiar el color no cambia el gris oscuro del MDI, esto es porque al crear el formulario MDI en realidad se está incorporando otro control de tipo MdiClient.
A continuación te muestro como podemos cambiar el color del MdiCliente:
//Haz esto en el evento Load de tu formulario MDI
MdiClient oMDI;
//recorremos todos los controles hijos del formulario
foreach (Control ctl in this.Controls)
{
try
{
// Intentamos castear el objeto MdiClient
oMDI = (MdiClient)ctl;
// Cuando sea casteado con éxito, podremos cambiar el color así
oMDI.BackColor = Color.White;
}
catch (InvalidCastException exc)
{
// No hacemos nada cuando el control no sea tupo MdiClient
}
}
Te mostrare como saber si un formulario de nuestra aplicación ya ha sido abierto.
Algunas veces tenemos la necesidad de que un formulario no sea abierto más de una vez, ya sea por requerimiento o por ser una modulo que deseamos que no se abra miles de veces.
La siguiente función recibe una cadena con el nombre de tu formulario como tal, si tu formulario se llama FrmUsuario entonces recibirá “FrmUsuario”:
public class FormUtils{
//función
public static bool detectarFormularioAbierto(string formulario)
{
bool abierto = false;
if (Application.OpenForms[formulario] != null)
{
abierto = true;
}
return abierto;
}
}
Y seria utilizada de la siguiente manera:
bool estaAbierto=FormUtils.detectarFormularioAbierto("FrmUsuario");
Algunas veces nuestras peticiones de formulario son pesadas (cargar archivos por ejemplo) y esto puede ocasionar que el usuario se estrese o siga presionando botones, para ello yo en estos casos recurro a realizar una petición ajax remplazando el submit del form (a la vez bloqueo la pantalla para que no estén haciendo peticiones a lo bestia, pueden utilizar algo como esto: [bloquear la pantalla con un div]).
Para ello podemos ayudarnos de la función serialize() de jquery, con la cual nos regresa la cadena de parámetros que están en nuestro form (valor1=1&valor2=2&valor3=3…).
Tenemos que tener cuidado en poner el return false al final, ya que con eso evitamos que se continúe con el submit común.
El siguiente ejemplo muestra fácilmente como podemos realizar esa petición (leer los comentarios):
Código HTML
<form id="miForm" action="/peticion.php">
<input name="cajaTexto" type="value" value="pato" />
<input type="submit" value="Enviar" />
</form>
Código Jquery
//selector sobre el form seguido de la función submit
$("#miForm").submit(function(){
//de esta manera remplazamos
//ahora obtendremos los atributos que necesitaremos
url=$(this).prop("action")
//la función serialize nos regresa los input, es importante ponerles name
parametros=$(this).serialize()
//aqui utilizamos la petición, en este caso post
$.post(url,parametros,function(data){
//aqui es cuando ya se hizo nuestra petición
//regularmente yo regreso 1 para mostrar exito
if(data=="1"){
alert("exito")
}else{
//si no regreso el 1, regreso el error y asi lo muestro
alert(data)
}
})
//ESTO ES MUY IMPORTANTE, YA QUE SI NO SE PONE SE REALIZA LAS DOS PETICIONES
//TANTO AJAX COMO LA PETICIÓN NORMAL DE FORMULARIO
//REFRESCANDO TODA LA PAGINA.
return false;
})
De esta manera podremos remplazar la petición submit normal, y hacer una petición ajax, que es mas formal y elegante.
Nota: el archivo peticion.php del action del form, es un proceso x en el cual se realiza una operación ya sea inserción, validación, etc. Y nos regresa en caso de éxito un “1”, sino el error.