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

Symfony PHP Discussion :

pagination à l'aide de bootstrap(symfony)


Sujet :

Symfony PHP

  1. #1
    Membre du Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2014
    Messages : 64
    Points : 44
    Points
    44
    Par défaut pagination à l'aide de bootstrap(symfony)
    salut
    je veux réaliser une pagination de mes données dans la base de données
    le probleme ici que j'ai plusieurs données dans BD mais comme vous voyez dans le code ci-dessous
    je fais alert(nbr) pour afficher le nbr des normalement mais j'obtient 1
    voici mon fichier twig:
    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
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    {% extends 'GestiongestionBundle::layout.html.twig' %}
     
    {% block body -%}
    {{ parent() }}
    <div class="container">
        <form action="{{path('personnel_search')}}" method="POST">
            <div class="form-group">
                <div class="col-lg-4">
                    <input class="form-control" type="text" name="nom" placeholder="Enter nom">
                </div>
            </div>       
            <div class="form-group">
                <div class="col-lg-4">
                    <input class="form-control" type="text" name="prenom" placeholder="Enter prenom">
                </div>
            </div>    
            <div class="col-lg-4"><input type="submit" value="Rechercher"></div>
        </form>
    </div>
    <div class="container">
        <h1>Personnel list</h1>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>NomPersonnel</th>
                    <th>PrenomPersonnel</th>
                    <th>Specialite</th>
                    <th>Adress</th>
                    <th>telephone</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
            <div id="content">
                {% for entity in entities %}
                <div>
                    <tr>
                        <td><a href="{{ path('personnel') }}">{{ entity.id }}</a></td>
                        <td>{{ entity.nomPersonnel }}</td>
                        <td>{{ entity.prenomPersonnel }}</td>
                        <td>{{ entity.adress }}</td>
                        <td>{{ entity.specialite }}</td>
                        <td>{{ entity.telephone }}</td>
     
                        <td>
                            <ul>
                                <li>
                                    <a href="{{ path('personnel_show', { 'id': entity.id }) }}">Voir</a>
                                </li>
                                <li>
                                    <a href="{{ path('personnel_edit', { 'id': entity.id }) }}">Modifier</a>
                                </li>
                                <li>
                                    <a href="{{ path('personnel_delete', { 'id': entity.id }) }}">Suprimer</a>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </div>
                {% endfor %}
            </div>
            <div id="page_navigation"> </div>
            </tbody>
        </table>
        <a class="btn btn-success" href="{{ path('personnel_new') }}">créer nouveau Personnel</a>
    </div>    
    <script src="{{ asset('bootstrap.js') }}" ></script>
    <script src="{{ asset('jquery.min.js') }}" ></script>
    {% endblock %}
     
    {% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bootstrap.js') }}" ></script>
    <script src="{{ asset('jquery.min.js') }}" ></script>
    <script>
     
     
        var show_per_page = 1;
        var current_page = 0;
     
        function set_display(first, last) {
        $('#content').children().css('display', 'none');
        $('#content').children().slice(first, last).css('display','block');
        }
     
        function previous(){
        if($('.active').prev('.page_link').length) go_to_page(current_page - 1);
        }
     
        function next(){
        if($('.active').next('.page_link').length) go_to_page(current_page + 1);
        }
     
        function go_to_page(page_num){
        current_page = page_num;
        start_from = current_page * show_per_page;
        end_on = start_from + show_per_page;
        set_display(start_from, end_on);
        $('.active').removeClass('active');
        $('#id' + page_num).addClass('active');
        }
     
       $(document).ready(function() {
    var nbr = $('#content > *').length;
    alert(nbr);
    var number_of_pages =nbr / show_per_page;
    var nav = '<ul class="pagination"><li><a href="javascript:previous();"><<</a>';
        var i = -1;
        while(number_of_pages > ++i){
    nav += '<li class="page_link'
    if(!i) nav += ' active';
    nav += '" id="id' + i +'">';
    nav += '<a href="javascript:go_to_page(' + i +')">'+(i + 1)+'</a>';
    }
    nav += '<li><a href="javascript:next();">>></a></ul>';
    $('#page_navigation').html(nav);
    set_display(0, show_per_page);
    });
    </script>
    <script>
                $(function() {
                $('#2').addClass('active');
                });
    </script>
    {% endblock %}

  2. #2
    Membre expérimenté Avatar de Nico_F
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2011
    Messages
    728
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2011
    Messages : 728
    Points : 1 310
    Points
    1 310
    Par défaut
    Wow ... ça ne veut rien dire : ni l'explication, ni le code, ni même le titre du topic.
    Je t'invite vivement à reformuler car c'est incompréhensible. Autant le code que le problème.

  3. #3
    Membre du Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2014
    Messages : 64
    Points : 44
    Points
    44
    Par défaut
    salut
    ici je veux faire une faire une pagination
    pour cela j'ai inclus une script jquery je pense que cette script fonctionne bien mais
    le problem est que dans le script je fais :
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var nbr = $('#content > *').length;
    alert(nbr);
    var number_of_pages =nbr / show_per_page;
    normalement nbr doit egal le nombre des enregistrement dans la base de données ça ce que je veux
    mais moi je trouve nbr=1
    alors le problem est dans la façon d'organiser les <div> pour cela je vous donne le fichier twig pour me donnez l'aide.

  4. #4
    Membre expérimenté Avatar de Nico_F
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2011
    Messages
    728
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2011
    Messages : 728
    Points : 1 310
    Points
    1 310
    Par défaut
    Gérer la pagination en javascript est une abomination.

    Trouve toi un outil qui fasse ça plus proprement : typiquement un service de pagination comme ça : https://github.com/KnpLabs/KnpPaginatorBundle

  5. #5
    Membre du Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2014
    Messages : 64
    Points : 44
    Points
    44
    Par défaut
    merci

  6. #6
    Membre du Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2014
    Messages : 64
    Points : 44
    Points
    44
    Par défaut
    tu peux me données des informations sur ça pour commencer

  7. #7
    Membre expérimenté Avatar de Nico_F
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2011
    Messages
    728
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Avril 2011
    Messages : 728
    Points : 1 310
    Points
    1 310
    Par défaut
    Moi non : mais la documentation qui est associée au bundle oui.
    Tout ce dont tu as besoin se trouve à l'adresse que je t'ai donné.

  8. #8
    Membre du Club
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2014
    Messages
    64
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Bâtiment

    Informations forums :
    Inscription : Août 2014
    Messages : 64
    Points : 44
    Points
    44
    Par défaut
    d'accord merci

Discussions similaires

  1. Recherche aide POur pagination et filtre
    Par wyllos dans le forum Langage
    Réponses: 1
    Dernier message: 27/05/2010, 14h40
  2. Aide sur système de news et pagination
    Par Invité dans le forum Langage
    Réponses: 2
    Dernier message: 18/11/2009, 09h53
  3. Aide sur pagination
    Par Invité dans le forum Langage
    Réponses: 4
    Dernier message: 01/10/2009, 12h46
  4. [MySQL] Besoin d'aide pour géré pagination et sql
    Par toams69 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 30/05/2008, 17h37
  5. pagination à l'aide des requetes sqL?
    Par zalalus dans le forum VB.NET
    Réponses: 2
    Dernier message: 27/11/2007, 00h17

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