Hinzufügen von jqGrid Custom Navigation zur oberen Symbolleiste

8

Ist es möglich, Navigationselemente zum "Top Pager" in einem jqGrid hinzuzufügen? Und wenn ja, wie lautet die Syntax dafür?

Ich habe ein HTML-Snippet auf meiner Seite, das so aussieht

%Vor%

Und dann eine jqGrid-Initialisierung, die ungefähr so ​​aussieht

%Vor%

Ein "Top-Pager" mit der ID von #mygrid_toppager wird automatisch in die Seite eingefügt, aber die benutzerdefinierten Schaltflächen (die auf dem unteren Pager erscheinen) kommen nicht für die Fahrt mit.

Ich sehe, dass es eine "cloneToTop" -Option für das navGrid gibt, aber seine Beschreibung scheint verwirrend zu sein, und ich kann nur annehmen, dass ich es falsch benutze.

  

Klont alle Aktionen vom unteren Pager bis zum obersten Pager   wenn definiert. Beachten Sie, dass das navGrid auf die Oberseite angewendet werden kann   nur Pager. Die ID des Top Pagers ist eine Kombination aus Grid ID und   "_toppager"

Mein Verständnis der Option ist, dass die Knöpfe zum unteren Pager hinzugefügt werden und sie nach oben geklont werden. Die Beschreibung fährt jedoch fort: "Das navGrid kann nur auf den Top-Pager angewendet werden, was keinen Sinn macht, da Sie es klonen. Da es sich um ein PONT handelt, habe ich ein klares Missverständnis darüber, wie die API ist soll benutzt werden.

Wenn mir jemand in die richtige Richtung zeigen kann (auch nur für ein funktionierendes Beispiel), würde ich das schätzen. Am liebsten würde ich dies über offizielle APIs tun, im Gegensatz zu zur cleveren DOM-Manipulation , wie an anderer Stelle in StackOverflow.

    
Alan Storm 14.10.2010, 03:35
quelle

1 Antwort

17

OK, es scheint, dass ich einen Weg gefunden habe, der besser aussieht. Die Idee ist, navButtonAdd mit "#list_toppager_left" anstelle von "#pager" zu verwenden.

Ich habe die alte Antwort geändert also, dass eine benutzerdefinierte Schaltfläche oben in der Navigationsleiste zusammen mit einer Standardschaltfläche hinzugefügt wird. Andere Elemente aus der oberen Navigationsleiste werden entfernt. Die Ergebnisse werden wie folgt aussehen

Sie können die entsprechende Demo live hier sehen.

    
Oleg 14.10.2010, 10:47
quelle

Tags und Links