Wie man angular-ui-grid-footerTemplate zu arbeiten?

Angular-UI-Grid hat eine Eigenschaft namens footerTemplate, die angeblich bieten die Möglichkeit zum erstellen einer benutzerdefinierten Fußzeile Vorlage.
Ich habe versucht, die Eingabe von html-Inhalt (ein div mit text) in einem string, habe ich auch versucht, indem ein .html-Datei-Namen in den string und auch die ID des div gerendert, aber keiner von Ihnen scheint zu arbeiten.
Es war auch nicht klar für mich, wenn ich brauche, um zu aktivieren showGridFooter für diese oder nicht, also versuchte ich beide, aber das footerTemplate ist entweder nicht angezeigt, oder wenn ich showGridFooter zu wahren, es zeigt die Standard-Fußzeile (Gesamt Linien im Gitter).
Was vermisse ich hier?

InformationsquelleAutor Cox Szg | 2015-03-05
  1. 9

    Für angular-ui-grid-3.0.x es funktioniert mit den folgenden Beispiel-Optionen:

    $scope.options = {
                   showGridFooter: true,
                   gridFooterTemplate: '<div>pink floyd</div>'
};

    Für die 2.x ng-grid-Versionen, Mokgra s-version ist gut.

    InformationsquelleAutor radusezciuc
  2. 7

    Versuchen umschließt die Fußzeile Vorlage im inneren div-Tags, wie 

     $scope.gridOptions = {
            showGridFooter: true,
            gridFooterTemplate: "<div>Message Here</div>"
    }

    wenn Sie möchten zeige alle scope-variable 

    $scope.SomeScopeVariable = "Message Here";

$scope.gridOptions = {
        showGridFooter: true,
        gridFooterTemplate: "<div>Grid Footer: {{grid.appScope.SomeScopeVariable}}</div>"
}

    raster.appScope ermöglicht den Zugriff auf den Geltungsbereich von Variablen in templates.
    getestet mit angular-ui-grid-3.0.x

    • Wow, ich habe auf der Suche für grid.appScope für einige Zeit. Zufällig stolperte über hier von allen möglichen Orten. Mann, ui-grid hat furchtbare Dokumentation.
    InformationsquelleAutor Abhimanyu Ghei
  3. 1

    Ich meine aktualisierten version von ui-grid, um die "pre-beta" 3.x und jetzt bin ich an der gleichen Stelle sind. Mit 'showGridFooter' auf true gesetzt wird, zeigen die Zeilen Gesamt info automatisch. Die Angabe einer 'footerTemplate' nicht tun. Ich habe versucht mit beiden "showGridFooter" und "showFooter' vorhanden und nicht vorhanden. So wird der folgende Absatz meiner Antwort funktioniert nur für den 2.x "stable" - version von ui-grid.

    Wierdly, showFooter Eigenschaft erforderlich auf wahr gesetzt. Was bei mir funktioniert ist das hinzufügen einer html-Datei in mein Projekt, die eine div voller goodies (wie Sie dachten). Scheint wie ein bug. showGridFooter Eigenschaft hat bei mir nicht funktioniert.

    $scope.gridOptions1 = {
    showFooter: true,
    footerTemplate:'somePath/footerTemplate.html'
}
    InformationsquelleAutor Mokgra
  4. 0

    http://ui-grid.info/docs/#/tutorial/105_footer

    Sie einfach fallen html-Elemente wie div oder ein Anker-tag in der Vorlage.

    InformationsquelleAutor user4649926
  5. 0

    Wenn Sie sehen möchten der Summe der einzelnen Werte mithilfe des folgenden Codes kann hilfreich sein

    { field: 'age',  footerCellTemplate: '<div class="ui-grid-cell-contents">Total {{col.getAggregationValue()  }}</div>', aggregationType: uiGridConstants.aggregationTypes.sum }
    InformationsquelleAutor Wahap
Schreibe einen Kommentar