uso del tabview en un formulario modal

33 views
Skip to first unread message

Jose Puertas

unread,
May 3, 2016, 11:51:04 AM5/3/16
to zne...@googlegroups.com
Hola Pascal,

Estoy poniendo el widget tabview en un formulario modal, pero no funciona correctamente, en la primera carga salen todos los div #tab1,#tab2 y #tab3, despues cuando seleccionamos los diferentes tab, si que cambia pero se queda seleccionado el tab anterior y no lo hace bien, te paso el código por si ves qué estoy haciendo mal.

<div id="dlg_jugadores" class="zdk-modal" title="<?php echo LC_NOM_EQUIPO; ?>">
    <form class="zdk-form" id="mis_jugadores"
          data-zdk-action="jugadoresctrl:enregistrer"
          data-zdk-datatable="table_jugadores">
        <div id="default">
            <ul>
                <li><a href="#tab1">Datos deportivos</a></li>
                <li><a href="#tab2">Datos personales</a></li>
                <li><a href="#tab3">Datos económicos</a></li>
            </ul>
            <div id="tab1" >

                <fieldset >
                    
                    ........

......

......

......
</fieldset>

 <fieldset>
            <div class="zdk-form-buttonpane ui-widget-content ui-helper-clearfix">
                <button class="zdk-bt-save zdk-close-dialog" type="submit">Guardar</button>
                <button class="zdk-bt-cancel zdk-close-dialog" type="button">Cancelar</button>
            </div>
        </fieldset>

        <input class="zdk-row-id" type="hidden" name="id_jugador">
    </form>

</div>

y este es el script

<script type="text/javascript">
    $(function () {
        $('#default').puitabview();
    });
</script>


Saludos

Pascal Martinez

unread,
May 4, 2016, 3:59:32 PM5/4/16
to zne...@googlegroups.com
Hola José,

Reproduzco tu problema.
Investigo y vuelvo a ver te cuando tengo una explicación.

Hasta pronto,

Pascal MARTINEZ

Pascal Martinez

unread,
May 4, 2016, 4:23:12 PM5/4/16
to zne...@googlegroups.com
José,

Tienes que añadir una <DIV/> como mostrado a continuación:

<div id="default">
   
<ul>
       
<li><a href="#tab1">Tab 1</a></li>
       
<li><a href="#tab2">Tab 2</a></li>
       
<li><a href="#tab3">Tab 3</a></li>
   
</ul>
   
<div> <!-- No olvidar ! -->
       
<div id="tab1">
            content 1
       
</div>
       
<div id="tab2">
            content 2
       
</div>
       
<div id="tab3">
            content 3
       
</div>
   
</div> <!-- No olvidar ! -->
</div>


Pascal MARTINEZ
Message has been deleted

Jose Puertas

unread,
May 4, 2016, 5:04:49 PM5/4/16
to ZnetDK
Muchas gracias Pascal, ahora todo correcto, y mira que revisé y revisé el código e incluso en la página de primefaces, pero no hay nada como la experiencia, que de eso tú tienes mucha,

Saludos
Reply all
Reply to author
Forward
0 new messages