script simple à appliquer bootstrap pagination de style dans asp.net gridview

est-il un simple script jquery/plugin pour appliquer bootstrap pagination de style dans asp.net gridview ? J'ai trouvé de bons conseils sur la façon de faire cela, comme ces liens: ici et ici.
le seul problème avec ces conseils/solutions nous avons besoin de faire beaucoup de changements pour atteindre le résultat et ce n'est pas préférable lorsque vous avez de gros de l'application et que vous souhaitez le transformer en style bootstrap. nous avons besoin d'une autre solution. comme un simple script jquery qui peut faire le travail sans faire beaucoup de changements dans le code actuel.

OriginalL'auteur Issam Ali | 2014-03-15

  1. 14

    J'ai fait simple script jquery pour appliquer le bootstrap de la pagination dans asp.net gridview et je pense qu'il sera utile de le partager ici dans stackoverflow.
    le code source de ce script est hébergé sur github ici.

    l'utilisation est très simple:

    -inclure le plugin fichier js dans votre asp.net fichier de page:

    <script type="text/javascript" src="js/bs.pagination.js"></script>

    -set gridview propriété:

    PagerStyle-CssClass="bs-pagination"

    c'est tout ce que vous devez appliquer bootstrap pagination de style dans asp.net gridview.

    vérifier mon blog pour plus d'info.

    Edit:

    sur le problème lors de l'utilisation de gridview à l'intérieur de UpdatePanel, la raison de ce problème, c'est parce que “UpdatePanel remplace complètement le contenu du panneau de mise à jour sur une mise à jour. Cela signifie que ces événements nous abonnés ne sont plus abonnés parce qu'il y a de nouveaux éléments dans ce panneau de mise à jour.”

    Il n'y a plus qu'une seule solution pour résoudre ce problème:

    Solution 1:

    Utilisation pageLoad() au lieu de $(document).prêt. Modifiez le code comme ceci:

    function pageLoad() {
            $('.bs-pagination td table').each(function (index, obj) {
                convertToPagination(obj)
            });
        }

    Solution2:

    re-changer de style après chaque mise à jour. Nous pouvons faire cela en ajoutant ces lignes dans le bs.pagination.js fichier:

    var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function () {
    $('.bs-pagination td table').each(function (index, obj) {
        convertToPagination(obj)
    });
});
    Je vous remercie. Je vous remercie.
    Merci Issam Ali, le seul problème que j'ai trouvé est que, après une publication de la pagination style est perdu, même quand je suis à la modification de la propriété CssClass de la GridView à chaque chargement de page..ce qui me manque?
    êtes-vous à l'aide de gridview à l'intérieur de updatepanel?
    oui c'est exact, Gridview est à l'intérieur d'un panneau de mise à jour. Sur mon premier commentaire, je voulais dire que quand je le fais passer à une autre page, c'est quand le style est perdu..
    J'ai ajouté deux solutions pour ce problème, veuillez vérifier à nouveau ma réponse.

    OriginalL'auteur Issam Ali