2014-09-03 2 views
0

Я пытаюсь загрузить два разных json-данных для четных строк и нечетных строк, например, то, что мы видим here. Я попробовал несколько источников в качестве ссылки, используя ng-grid, но ни один из них не имеет решения. Пожалуйста, скажите мне возможность на том же. Можно ли сделать то же самое.Загрузите два разных Json-файла в нечетных и четных строках - ngGrid- AngularJs

HTML

<div class="list-view-body"> 
    <div class="list-view" ng-grid="settings"></div> 
</div> 

AngularJS

$scope.settings = { 
    data: 'records', 
    enableColumnResize: false, 
    enablePaging: true, 
    enableRowSelection: false, 
    rowHeight: 35, 
    headerRowHeight: 35, 
    totalServerItems: 'totalServerItems', 
    pagingOptions: { 
     pageSizes: [15, 20, 50, 80, 100], 
     pageSize:15, 
     currentPage: 0 
    }, 
    showFooter: true, 
    footerRowHeight: 0, 
    columnDefs: [ 
     {field: 'id', displayName: '', width: 25, cellTemplate: '<a href="javascript:void(0);" class="lv-show-tasks" ng-click="show_campaign_tasks($event);"><span class="caret-right"></span></a>' }, 
     {field: 'reports', displayName: 'Reports', width: 75 }, 
     {field: 'opportunityName', displayName: 'Opportunity', width: 250}, 
     {field: 'proposalId', displayName: 'Proposal ID', width: 95}, 
     {field: 'startDate', displayName: 'Start date', width: 90}, 
     {field: 'endDate', displayName: 'End date', width: 90}, 
     {field: 'amount', displayName: 'Amount', cellTemplate: '<div class="ngCellText"><span>{{row.entity.amount | currency:\'USD$\'}}</span></div>' }, 
     {field: 'alertss', displayName: 'Alerts'}, 
     {field: 'healths', displayName: 'Health'}, 
     {field: 'commentss', displayName: 'Comments' }, 
     {field: 'flag', displayName: 'Flag', cellTemplate: '<div class="ngCellText"><span class="action-icon lv-flag true"></span></div>' } 
    ] 
}; 
+0

вы хотите 'show_campaign_tasks()', чтобы показать детали под текущей строкой ли? – gidomanders

+0

Да, вот что мне нужно .. @gidomanders –

ответ

1

Я думаю, что было бы достичь, чтобы смешать два источника JSon данных в контроллере, интеркаляции их и отображение результата с помощью ng- сетчатая директива ... примерно

// main.js 
var app = angular.module('myApp', ['ngGrid']); 
app.controller('MyCtrl', function($scope) { 
$scope.myOddData = [{name: "Moroni Odd", age: 50}, 
       {name: "Tiancum Odd", age: 40}, 
       {name: "Jacob Odd", age: 20}, 
       {name: "Nephi Odd", age: 30}, 
       {name: "Enos Odd", age: 34}]; 

$scope.myEvenData = [{name: "Moroni Even", age: 51}, 
       {name: "Tiancum Even", age: 43}, 
       {name: "Jacob Even", age: 27}, 
       {name: "Nephi Even", age: 23}, 
       {name: "Enos Even", age: 34}]; 

$scope.result = $scope.myOddData.reduce(function(arr, v, i) { 
          return arr.concat(v, $scope.myEvenData[i]); 
         }, []);     
$scope.gridOptions = { data: 'result' }; 

});

Здесь связанные Plunker http://plnkr.co/edit/MyV5pBXK4rQEmbfbCjgL

Смежные вопросы