Problem beim Hinzufügen dynamischer Daten in Footable
Ich brauche ein wenig Hilfe in jQuery Mobile Foo Table . Ich füge Daten dynamisch in einer Tabelle hinzu.
HTML:
%Vor%js-Code:
%Vor%Damit wird FooTable korrekt angewendet, wenn es zum ersten Mal geöffnet wird. Wenn ich auf den Home Button klicke und zurück gehe und wieder auf diese Seite komme, wird FooTable nicht richtig angewendet.
Screenshot:
Zu den Problemen, mit denen ich mich zu dieser Zeit konfrontiert sehe, gehören:
-
Versteckte Felder werden angezeigt. (Means Footable wird nicht angewendet): Dieses Problem wird behoben, nachdem die Ausrichtung im Gerät zweimal geändert wurde.
-
Erstes Feld enthält keine Schaltfläche zum Erweitern der Daten mehr (Means Footable wird nicht angewendet):
Ich denke, das Problem liegt daran, dass ich die alten Zeilen entferne und neue hinzufüge. Ich habe versucht, ohne Anruf zu entfernen. Zu dieser Zeit wurden die alten Zeilen richtig angezeigt. Neu hinzugefügte Felder hatten Probleme, wie im Screenshot gezeigt.
Kann mir jemand dabei helfen?
PS: Ich rende dies in Android-Webview. Und dasselbe Problem wird auch im Browser reproduziert.
3 Antworten
Foo-Tisch war Er wurde als jQuery-Plugin erstellt und war daher nie für die Zusammenarbeit mit jQuery Mobile vorgesehen. Es ist einfach nur ein anderes Plugin, das nicht richtig mit jQuery mobile funktioniert. Foo-Tisch weiß nicht Wie man jQuery Mobile Seitenwechsel behandelt.
Nur wenn Sie bei jedem Besuch dieser Seite eine ganze Tabelle dynamisch erstellen, können Sie das nur tun. In jedem anderen Fall Foo-Tabelle funktioniert nicht, da die Seite bereits mit erweitertem Tabellen-Markup vorhanden ist. Aus diesem Grund hat jedes jQuery Mobile-Widget eine Funktion mit einer refresh -Eigenschaft.
Hier ist ein funktionierendes Beispiel: Ссылка
Eine letzte Sache, wenn dies keine gute Lösung für Sie ist, sollten Sie zu jQuery Mobile Implementierung von dynamische Tabelle .
%Vor%Ich hatte das gleiche Problem in meiner Web-Anwendung, die ich in datatables.net bei Callback verwendet habe ich Redraw-Funktion von Footable hinzugefügt und es funktioniert einwandfrei.
%Vor%"Footable" funktioniert hervorragend mit "jQuery Mobile". Ich werde seine Verwendung mit meinen Code-Snippets erklären.
Fußbare Initialisierung,
%Vor%Ich verwende den jQuery AJAX-Aufruf, um neue Tabellendaten zu erhalten und sie mithilfe der Template-Methode zur Tabelle hinzuzufügen. Ich benutze lenker.js zum Templating. (Denken Sie daran, diese Vorlagenmethode ist nicht obligatorisch. Sie können Ihre eigenen Methoden verwenden, um neue Zeilen an Ihren Tisch anzuhängen.)
Nachdem Sie also neue Daten in der Tabelle aktualisiert haben, müssen Sie ein Fußwort für die Neuinitialisierung auslösen. Hier ist das Code-Snippet,
%Vor%Alle Trigger sind hier nicht notwendig. Überprüfe und bestätige, dass der Trigger gerade genug für dich ist, je nachdem, was bei der Neuinitialisierung / Neuzeichnung / Größenänderung passiert.
Das ist es, Sie werden jetzt kein Problem mehr mit joQuery Mobile haben.
WICHTIG: Sie müssen jedoch beim Aufruf von updateFootable () vorsichtig sein, wenn das div mit der Tabelle oder die Seite mit der Tabelle ausgeblendet ist, wird die Größe der Tabelle nicht entsprechend angepasst. Sie müssen sicherstellen, dass die Tabelle sichtbar ist, während Sie für ihre Aktualisierung aufrufen.
Links:
Hier ist das Dokument für Footable-Trigger - Ссылка
Stellen Sie sicher, dass Sie begehbare Dokumente durchgehen - Ссылка
Tags und Links android jquery jquery-plugins jquery-mobile footable