Как получить angular ui grid footerTemplate для работы?

угловой UI-Grid имеет свойство, называемое footerTemplate, которое должно предлагать возможность создания пользовательского шаблона нижнего колонтитула. Я попытался ввести html-контент (div с некоторым текстом) в строку, я также попытался добавить .имя html-файла в строке и даже идентификатор отображаемого div, но ни один из них не работает. Для меня также не было ясно, нужно ли включать showGridFooter для этого или нет, поэтому я попробовал оба, но footerTemplate либо не отображается вообще, либо если я установил showGridFooter в true, он показывает нижний колонтитул по умолчанию (всего строк в сетке). Я что-то упускаю?

7
angular-ui-grid angularjs footer javascript

5 ответов

для angular-ui-grid 3.0.x он работает со следующими параметрами примера:

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

для 2.версии X ng-grid, версия Mokgra хороша.

9

попробовать вшита шаблона footer внутри тега div, как 

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

Если вы хотите показать любую переменную области 

$scope.SomeScopeVariable = "Message Here";

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

решетки.appScope позволяет получить доступ к переменным области в шаблонах. протестировано с помощью angular-ui-grid 3.0.x

7

я обновил свою версию ui-grid до" pre-beta " 3.x и теперь я в той же точке, что и вы. Использование "showGridFooter" значение true автоматически покажет общую информацию о строках. Указание "footerTemplate" ничего не делает. Я пробовал оба 'showGridFooter" и " showFooter присутствующих и отсутствующих. Таким образом, следующий абзац моего ответа работает только для 2.x "стабильная" версия ui-grid.

Wierdly, showFooter свойство нужно установить в true. Что сработало я должен добавить html-файл в свой проект, который содержал div, полный вкусностей (как вы думали). Похоже на жука. собственность showGridFooter не работала на меня.

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

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

вы просто отбрасываете html-элементы, такие как div или якорный тег в шаблоне.

0

Если вы хотите увидеть сумму значений строки, используя приведенный ниже код, может быть полезным

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