Как интегрировать IgniteUI igGrid (Infragistics) с AngularJS и экспортировать в Excel

Я новичок в AngularJS и IgniteUI. Пока что я не смог найти ни одного хорошего примера для интеграции инфрагистики IgniteUI с AngularJS. Образцы, которые я нашел, не работают.

На основе образца я интегрировал следующие файлы

<script src="~/Scripts/jquery-2.0.0.min.js"></script> 
<script src="~/Scripts/jquery-ui-1.12.0.js"></script>
<script src="~/Scripts/angular.min.js"></script>    

<script src="~/Scripts/Infragistics/js/infragistics.core.js"></script> 
<script src="~/Scripts/Infragistics/js/infragistics.lob.js"></script>    

<script src="~/Scripts/Infragistics/js/extensions/igniteui-angular.js"></script>

<script src="~/App/igniteUIApp.js"></script>

<div ng-app="igniteUIApp" ng-controller="SampleController">

    <ig-grid id="grid1" 
             data-source="employees" 
             primary-key="EmployeeID" 
             auto-generate-columns="true">
    </ig-grid>
</div>

хотелось бы увидеть следующее

Шаг 1. Как заполнить igGrid $scope.datasource?

Шаг 2. Как экспортировать данные igGrid в Excel?


angularjs infragistics ignite-ui iggrid
person Alomoni    schedule 24.09.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я подготовил скрипт, демонстрирующий это - http://jsfiddle.net/dkamburov/g34wy1mc/2/

Назначения некоторых данных свойству области действия достаточно для заполнения данных сетки - $scope.data = angular.copy(northwindProducts.results);

Убедитесь, что у вас есть все необходимые ссылки для экспортера Excel, а затем все, что вам нужно, это $.ig.GridExcelExporter.exportGrid($("#grid1"));

person dkamburov    schedule 27.09.2017
comment
Привет, я вообще не вижу никаких данных в сетке. Я предполагаю, что код должен заполнить сетку, и, нажав кнопку ЭКСПОРТ, он должен создать файл Excel. В настоящее время ничего не делает. Не могли бы вы проверить, что не так с кодом? - person Alomoni; 26.10.2017