AngularJs & ui-grid: grid ignoriert gridOptions

Ich habe Probleme mit ui-grid, um gridMenu zu deaktivieren und meine Spalten umzubenennen. Ich habe ein plnkr gemacht, so dass Sie sehen können: https://plnkr.co/edit/EGhvBGOJCKPzfupjCROx?p=preview AngularJs & ui-grid: grid ignoriert gridOptions

Wie Sie in script.js sehen kann, würde ich meine Spalten gerne genannt werden ‚Banane‘, ‚chrom‘ und ‚Position‘:

var app = angular.module('myApp', ['ui.grid']); 
app.service('provide', ['$http', function($http) { 
    return { 
    getAllVariants: function() { 
     return $http.get('./varAjax.php'); 
    } 
    }; 
    }]); 

app.controller('MainCtrl', ['$scope', 'provide', 'uiGridConstants',     function($scope, provide, uiGridConstants) { 

    provide.getAllVariants().success(function(data) { 
     $scope.gridOptions.data = data; 
     $scope.myData = data; 
     console.log($scope.gridOptions); 
     console.log($scope.myData); 
    }); 

    $scope.gridOptions = { 
     data: 'myData', 
     enableGridMenu: false, 
     showGroupPanel: true, 
     enableColumnResizing: true, 
     enableFiltering: true, 
     showGridFooter: true, 
     showColumnFooter: true, 
     columnDefs: [ 
      { name: 'id', displayName: 'banana', width: 30 }, 
      { name: 'chr', displayName: 'chrom', width: 30}, 
      { name: 'pos_start', displayName: 'position', width: 50} 
      ] 
    }; 

}]);

Daten wie die Suche:

[ 
{ 
"id":"1","chr":"chr1","pos_start":"11169789" 
}, 
{ 
"id":"2","chr":"chr1","pos_start":"11172923" 
} 
]

Und hier ist, wie ich meine grid nennen:

<body> 
    <h1>Variants</h1> 
    <div ng-app="myApp" ng-controller="MainCtrl"> 
     <div id="grid1" ui-grid="{ data: myData }" class="myGrid"></div> 
    </div> 
    </body>

Quelle

2016-08-05 OvoiDs

ändern Sie Ihre HT ML

<body> 
    <h1>Variants</h1> 
    <div ng-app="myApp" ng-controller="MainCtrl"> 
     <div id="grid1" ui-grid="gridOptions" class="myGrid"></div> 
    </div> 
    </body>

Im Moment Sie vorbei nur die Daten an den UI-Grid und nicht die Optionen, wird dies die Optionen (wie die columndefs) und die Daten übergeben.

Quelle

2016-08-05 10:48:39 George

Vielen Dank, es scheint nur logisch, jetzt, dass Sie es sagen. – OvoiDs

AngularJs & ui-grid: grid ignoriert gridOptions

Antwort

Verwandte Themen