IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Tabletools et jquery ui tabs [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 2
    Par défaut Tabletools et jquery ui tabs
    bonsoir

    J'ai un soucis que je n'arrive pas à résoudre. En fait j'ai utilisé le module jquery tabs qui permet d'avoir un panneau avec des onglets.Sur ce panneau dans chaque onglet j'ai un datatable qui utilise tabletools prevu pour les exports de mon tableau en différent format.Tout marche bien sur mon premier onglet au niveau de l'export mais pas sur les autres onglet je ne peux cliquer sur pdf ca ne fais rien.Je vous met le code si quelqu'un peut m'aider.

    MON CODE JS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    $(document).ready(function() {
        $("#tabs").tabs();  
    });
    $(document).ready(function() {      
    	$('.monTableau').dataTable( {
    		"sPaginationType": "full_numbers",
                    "bPaginate": true,
    		"bLengthChange": true,
    		"bFilter": true,
    		"bSort": true,
    		"bInfo": true,
    		"bAutoWidth": true ,
                    "oLanguage": {"sUrl" : "FR.txt"},
                    "bjQueryUI": true,
            "sDom": 'T<"clear">lfrtip',
            "oTableTools": {
                "sSwfPath": "swf/copy_csv_xls_pdf.swf",
                "aButtons": [ "copy",
                                {
                                    "sExtends": "xls",
                                    "sFileName": ".xls",
                                    "bFooter": false
                                },
                                {
                                    "sExtends": "csv",
                                    "sFileName": ".csv",
                                },
                                {
                                    "sExtends": "pdf",
                                    "sFileName": ".pdf"
                                },
                                "print"
                            ]   
            }      
        } );
    } );
    MON CODE HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Onglet 1</a></li>
            <li><a href="#tabs-2">Onglet 2</a></li>
            <li><a href="#tabs-3">Onglet 3</a></li>
        </ul>
        <div id="tabs-1">
            <table class="monTableau">
            <thead>
                <tr>
                    <th>Column 1</th>
                    <th>Column 2</th>
                    <th>etc</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Row 1 Data 1</td>
                    <td>Row 1 Data 2</td>
                    <td>etc</td>
                </tr>
                <tr>
                    <td>Row 2 Data 1</td>
                    <td>Row 2 Data 2</td>
                    <td>etc</td>
                </tr>
            </tbody>
            </table>
        </div>
        <div id="tabs-2">
            <table class="monTableau">
            <thead>
                <tr>
                    <th>Column 1</th>
                    <th>Column 2</th>
                    <th>etc</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Row 1 Data 1</td>
                    <td>Row 1 Data 2</td>
                    <td>etc</td>
                </tr>
                <tr>
                    <td>Row 2 Data 1</td>
                    <td>Row 2 Data 2</td>
                    <td>etc</td>
                </tr>
            </tbody>
            </table>
        </div>
        <div id="tabs-3">Contenu de l'onglet 3</div>
    </div>

  2. #2
    bm
    bm est déconnecté
    Membre extrêmement actif

    Homme Profil pro
    Freelance
    Inscrit en
    Octobre 2002
    Messages
    874
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Freelance
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : Octobre 2002
    Messages : 874
    Billets dans le blog
    6
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <div id="onglets">
      <ul>
        <li><a href="#onglet-1">Titre onglet 1</a></li>
        <li><a href="#onglet-2">Titre onglet 2</a></li>
        <li><a href="#onglet-3">Titre onglet 3</a></li>
      </ul>
      <div id="onglet-1">
        <!--contenu -->
      </div>
      <div id="onglet-2">
        <!--contenu -->
      </div>
      <div id="onglet-3">
        <!--contenu -->
      </div>
    </div>

    Code Js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
      $(function() {
        $('#onglets').tabs();
      });

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 2
    Par défaut
    merci pour ta réponse mais en fait c'est pas le problème pour afficher les onglets que j'ai.C'est l'utilisation de tabletools avec les onglets.

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Je ne connais pas ce plugin, il y a peut-être des bogues, voir : http://datatables.net/forums/discuss...iple-tables/p1

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  5. #5
    bm
    bm est déconnecté
    Membre extrêmement actif

    Homme Profil pro
    Freelance
    Inscrit en
    Octobre 2002
    Messages
    874
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Freelance
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : Octobre 2002
    Messages : 874
    Billets dans le blog
    6
    Par défaut
    Tabs est le conteneur . Après , il faut placer dedans des objets et méthodes .

    Ajax peut aller chercher des données sur un serveur avec php , etc ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. cherche solution avec jQuery Address Tabs
    Par arnotw dans le forum jQuery
    Réponses: 1
    Dernier message: 14/05/2010, 10h29
  2. Jquery UI Tabs et Ajax Validation
    Par aigleborgne dans le forum jQuery
    Réponses: 2
    Dernier message: 29/09/2009, 19h34
  3. JQuery ui tabs
    Par benthebest dans le forum jQuery
    Réponses: 2
    Dernier message: 17/05/2009, 01h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo