Jak uzyskać kątową stopkę kratownicy do pracy?

Question

Angular UI-Grid ma właściwość o nazwie footerTemplate, która ma umożliwiać tworzenie niestandardowego szablonu stopki. Próbowałem wpisując zawartość html (div z pewnym tekstem) w ciągu znaków, próbowałem również dodać nazwę pliku .html w ciągu znaków, a nawet identyfikator renderowanego elementu div, ale żaden z nich nie działa. Nie było również dla mnie jasne, czy muszę włączyć showGridFooter, czy nie, więc spróbowałem obu, ale footerTemplate w ogóle nie jest wyświetlane lub jeśli ustawię showGridFooter na true, pokazuje on domyślną stopkę (total linie w siatce). Czego mi tu brakuje?

Answer 1

Dla kątowe-ui-grid 3.0.x to działa z następującymi opcjami Przykład:

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

Dla wersji 2.x ng-grid, wersja Mokgra jest dobra.

Answer 2

Zaktualizowałem swoją wersję interfejsu ui-grid do wersji "pre-beta" 3.x i teraz jestem w tym samym momencie, w którym się znajdujesz. Ustawienie "showGridFooter" na wartość true spowoduje automatyczne wyświetlenie informacji o wierszach ogółem. Określenie "footerTemplate" nic nie robi. Próbowałem z obecnymi i nieobecnymi "showGridFooter" i "showFooter". Tak więc poniższy akapit mojej odpowiedzi działa tylko dla 2.x "stabilnej" wersji ui-grid.

Wierdly, showFooter Właściwość potrzebna ustawiona na wartość true. Pracowałem dla mnie, dodając do mojego projektu plik html zawierający div pełen gadżetów (tak jak myślałeś). Wygląda jak błąd. właściwość showGridFooter nie działa dla mnie.

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

Answer 3

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

Ty po prostu upuść elementy HTML, takich jak div lub tagu zakotwiczenia w szablonie.

Answer 4

Spróbuj załączając szablon stopki wewnątrz znacznika div jak

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

jeśli chcesz pokazać dowolny zakres zmienny

$scope.SomeScopeVariable = "Message Here"; 

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

grid.appScope umożliwia dostęp do zmiennych zakresie w szablonach. testowane kątowe-ui-grid 3.0.x

Answer 5

Jeśli chcesz zobaczyć sumę wartości rzędu przez poniższy kod może być pomocny

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