2016-06-08 14 views
3

Ich versuche, in die API von Angular UI-Grid zu graben, um sicherzustellen, dass ich das Bootstrap-Popover für meine Zelle Header erreiche. Ich habe überall gesehen, konnte aber keine Lösung finden.Angular UI-Grid-Unterstützung für BootStrap Popover?

Etwas Ähnliches - plnkr.co/edit/UJJttN

ich auch, dass popover zu machen versuchen, geschieht nur für die Kopfzelle. Irgendwelche Vorschläge?

Antwort

6

Wirft man einen Blick auf die UI-Bootstrap-Dokumentation popover: https://angular-ui.github.io/bootstrap/#/popover

Sie sind in Ihrer plnkr eine alte Version von UI-Bootstrap verwenden, wenn Sie also Sie Attribute ändern müssen Upgrade wird popover="" und popover-template="", wenn Sie auf die neueste Upgrade auf uib-popover="" und uib-popover-template=""

Dass gesagt wird, können Sie ein $ Symbol/Abzeichen neben dem uib-popover-template Attribut in der popover Dokumentation bemerken (es ist ein Duplikat ohne Abzeichen, sicher nicht, warum es ist da.)

Vom Icontaste in der Dokumentation, die $ Symbol/Abzeichen bedeuten:

Diese Einstellung erwartet einen Winkel Ausdruck anstelle einer Zeichenkette. Wenn der Ausdruck eine boolesche/ganze Zahl unterstützt, können Sie sie direkt übergeben.

Sie müssen die URL der popover Vorlage in einem Umfang variabel setzen, und Hinweis, dass in einem Winkel Ausdruck in popover-template="ANGULAR.EXPRESSION", anstatt es eine wörtliche String übergeben, wie Sie sind.

Ich habe Ihre PLNKR geändert, um es so zu machen, und das Popover funktioniert nun wie vorgesehen. http://plnkr.co/edit/qc8MNQKch1IIdz2zVtRX?p=preview

die popover Bezüglich nur für den Header Können Sie klären, wollen Sie die popover nur für die Spaltenüberschrift angezeigt werden? In diesem Fall müssen Sie headerCellTemplate statt cellTemplate verwenden. Ich habe auch deine PLNKR geändert, um zu zeigen, wie das geht. Bewegen Sie den Mauszeiger über den Spaltenkopf von Rolle 2, um dies zu sehen, und untersuchen Sie die Vorlagendatei, die dem PLNKR hinzugefügt wurde.

In Ihrem PLNKR-Beispiel verweisen Sie auf Zellendaten im statischen Popover (Raster 1) und im Vorlagen-Popover (Raster 2). War das nur zu Testzwecken? Das Verweisen auf eine Zeile für Zellendaten wäre in headerCellTemplate nicht verfügbar.

Ich hoffe, das ist hilfreich!

+0

Das Popover nimmt Platz für das Popover innerhalb des Gitters. Gibt es eine Lösung dafür? –

+0

Können Sie ein Beispiel geben? Ich bin leider nicht ganz sicher, was du meinst – Xann009

+0

Ich sprach über die Plunkr-Demo. Aber es ist sowieso ok. Ich habe es –

Verwandte Themen