einfaches Skript zum anwenden von bootstrap-Paginierung Stil in asp.net gridview

gibt es eine einfache jquery-Skript/plugin anwenden bootstrap-Paginierung Stil in asp.net gridview ? Ich habe festgestellt, dass einige gute Tipps über das wie, wie diese links: hier und hier.
das einzige problem mit diesen Tipps/Lösungen ist, die wir brauchen, um eine Menge von änderungen zu erreichen, das Ergebnis und das ist nicht vorzuziehen, wenn Sie eine große Anwendung, und Sie möchten, um es zu transformieren, um bootstrap-Stil. wir brauchen eine andere Lösung. wie ein einfaches jquery-Skript, das den job tun können, ohne viel änderungen an der aktuellen code.

InformationsquelleAutor Issam Ali | 2014-03-15

  1. 14

    Habe ich einfach das jquery-Skript zur Anwendung der bootstrap-pagination in asp.net gridview und ich denke, es wird nützlich sein, zu teilen, um es hier bei stackoverflow.
    source-code für dieses Skript ist gehostet bei github hier.

    Verwendung ist sehr einfach:

    -plugin js-Datei in Ihrem asp.net Seite Datei:

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

    -set gridview-Eigenschaft:

    PagerStyle-CssClass="bs-pagination"

    das ist alles, was Sie brauchen, um zu übernehmen bootstrap-Paginierung Stil in asp.net gridview.

    check my blog für mehr info.

    Edit:

    über das problem bei der Verwendung von gridview in UpdatePanel, der Grund für dieses problem ist, weil “UpdatePanel-ersetzt vollständig den Inhalt des update-panel auf ein update. Dies bedeutet, dass diese Ereignisse, die wir abonniert haben, werden nicht mehr abonniert, da gibt es neue Elemente in das update-panel."

    Gibt es mehr als eine Lösung, um dieses problem zu lösen:

    Lösung 1:

    Verwenden pageLoad() anstelle von $(document).bereit. Ändern Sie den code wie folgt:

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

    Solution2:

    re-ändern Sie den Stil nach jedem update. Wir tun dies durch hinzufügen der folgenden Zeilen, um die bs.pagination.js Datei:

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

prm.add_endRequest(function () {
    $('.bs-pagination td table').each(function (index, obj) {
        convertToPagination(obj)
    });
});
    Danke. Danke.
    Dank Issam Ali, das einzige problem, das ich fand ist, dass nach einem postback die paging-Stil ist verloren, auch wenn ich beim ändern der Eigenschaft CssClass der die GridView-Komponente auf jeder Seite laden..was bin ich?
    sind Sie mit gridview in updatepanel?
    ja das ist richtig, Gridview ist im inneren ein update-panel. Auf meinem ursprünglichen Kommentar meinte ich zu sagen, dass, wenn ich tun, ändern Sie zu einer anderen Seite ist, wenn der Stil ist verloren..
    Ich habe zwei Lösungen für dieses problem, bitte überprüfe meine Antwort.

    InformationsquelleAutor Issam Ali

Schreibe einen Kommentar