hola tengo un problema con con el widget dialog de jqueryUI al aplicarlo por primera vez el $('#idDiv').dialog({options}) a un div el handler que maneja el evento change de un combo funciona perfecto, pero luego si cierro el dialog y lo vuelvo a abrir el handler del combo funciona pero ya no la parte del codigo que manipula el css de un par de divs
en esta url se puede apreciar el inconveniente:
http://www.shulcan.com/Modulo_oficialia/Vista/
no hay usuario ni pasword denle en ingresar,luego click en el primer menu clientes(la imagen con una persona en la carpeta), luego en la grilla denle click en el primer boton de la barra de navegacion(parte inferior) al lado de la lupa(busqueda), se abrira el dialog prueben seleccionando otro valor del combo que tiene como etiqueta "tipo de cliente" veran q funciona normal, pero luego cierren el dialog y vuelvanlo a abrir y vuelvan a ahacer la misma operacion y ya no tiene efecto
el codigo q uso es el siguiente...
este es el objeto JSON que me devuelve el html y luego le aplica el dialog como se puede ver en sus respectivas funciones...
Código Javascript
:
Ver originalvar registroClienteView ={
loadView:function()
{
return Jaml.render('registroClienteView');// esto me devuelve el html
},
loadHandlerCboTipoCliente:function()
{
// el problema es aca cuando le pongo los alert funcionan no importa abra y cierra varias veces el dialog pero el problema es con los $().css() no tienen efecto
$('#cboTipoCliente').unbind('change');
$('#cboTipoCliente').bind(
'change',
{},
function(event)
{
switch ($(this).val()) {
case '1':
alert('dentro1');
$('#divRegClienteNatural').css({display:'block'});
$('#divRegClienteJudirico').css({display:'none'});
break;
case '2':
alert('dentro2');
$('#divRegClienteJudirico').css({display:'block'});
$('#divRegClienteNatural').css({display:'none'});
break;
default:
$('#divRegClienteNatural').css({display:'none'});
$('#divRegClienteJudirico').css({display:'none'});
break;
}
}
);
},
aplicarJQUI:function()
{
$.datepicker.setDefaults($.datepicker.regional['es']);
$('#txtFecNacCli').datepicker(
{
changeMonth:true,
changeYear:true,
align:'button',
distance:80
}
);
$('#divRegCliente').dialog(
{
title:'Registro de Clientes',
modal:true,
width:705,
resizable:false,
buttons:{
Guardar:function()
{
$(this).dialog('destroy');
}
}
}
);
}
}
luego esto es llamado en al cargarse el documento html
Código Javascript
:
Ver original$(document).ready(
function()
{
var loginView = new loginTemplate();
var menuView = new menuTemplate();
$('div#divModuloBg').before(loginView.loadView());
loginView.aplicarJQUI();
$('#divMenu').html(menuView.loadView());
menuView.aplicarJQDOCK();
menuView.loadHandlerMnuCliente();
$('#divLogo').flash(
{
swf:'flash/logotipo.swf',
widht:60,
height:30,
background:'transparent'
}
);
}
);