Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Seleccionar Boton de un Dialog Widget

Estas en el tema de Seleccionar Boton de un Dialog Widget en el foro de Jquery en Foros del Web. Buenas tardes estoy tratando de seleccionar un boton de un Dialog Widget que seria el boton de "Guardar" Código: $('.ui-dialog-buttonpane'). find('button:contains("Guardar")').button({ icons: { primary: 'ui-icon-disk' ...
  #1 (permalink)  
Antiguo 03/06/2013, 15:26
 
Fecha de Ingreso: junio-2013
Mensajes: 2
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta Seleccionar Boton de un Dialog Widget

Buenas tardes estoy tratando de seleccionar un boton de un Dialog Widget que seria el boton de "Guardar"

Código:
 $('.ui-dialog-buttonpane').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });
El problema es que tengo varios Dialogs en la misma pagina con boton "Guardar" y pues me seleccionar todos los botones "Guardar".

Quiero seleccinar el boton Guardar de un dialog en especifico intente esto pero no funciono

Código:
 $('#frmSolicitud.ui-dialog-buttonpane').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });
y esto


Código:
 $('.ui-dialog-buttonpane#frmSolicitud').
                        find('button:contains("Guardar")').button({
                            icons: {
                                primary: 'ui-icon-disk'
                            }
                        });
Saludos
  #2 (permalink)  
Antiguo 03/06/2013, 16:19
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 11 años, 2 meses
Puntos: 344
Respuesta: Seleccionar Boton de un Dialog Widget

Buenas,

Es mejor que le pongas una clase al botón, pero aun así puedes hacerlo así:

Código Javascript:
Ver original
  1. $('#frmSolicitud .ui-dialog-buttonpane').
  2.                         find('button:contains("Guardar")').button({
  3.                             icons: {
  4.                                 primary: 'ui-icon-disk'
  5.                             }
  6.                         });

Fíjate que es igual que el segundo ejemplo que pones tú, pero hay un espacio de separacion entre #frmSolicitud y .ui-dialog-buttonpane. Si lo pones junto, significa que estás buscando un elemento con id = 'frmSolicitud' y class='ui-dialog-buttonpane'.

Un saludo.
  #3 (permalink)  
Antiguo 03/06/2013, 17:42
 
Fecha de Ingreso: junio-2013
Mensajes: 2
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Seleccionar Boton de un Dialog Widget

Gracias Alex por tu respuestas, pero lo solucione de la siguiente manera al inicializar el dialog con los botones con un atributo "id"
Código:
$("#dialog").dialog({
    width: 480,
    height: "auto",
    buttons: [
        {
            id: "button-cancel",
            text: "Cancel"ar,
            click: function() {
                $(this).dialog("close");
            }
        },
        {
            id: "button-guardar",
            text: "Guardar",
            click: function() {
                $(this).dialog("close");
            }
        }
    ]
});
así ya puedo seleccionar el elemento para por su id para su manipulación

Código:
$('#button-guardar').hide();
Saludos

Etiquetas: dialog, jquery-ui, jqueryui
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:17.