0
我在使用ui-grid禁用gridMenu和重命名我的列時遇到了問題。我做了一個plnkr所以你可以看到:https://plnkr.co/edit/EGhvBGOJCKPzfupjCROx?p=previewAngularJs&ui-grid:網格忽略gridOptions
正如你可以看到的script.js,我想我的列被命名爲「香蕉」,「CHROM」和「位置」:
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}
]
};
}]);
的數據看起來就像是:
[
{
"id":"1","chr":"chr1","pos_start":"11169789"
},
{
"id":"2","chr":"chr1","pos_start":"11172923"
}
]
這裏是我打電話給我的網格:
<body>
<h1>Variants</h1>
<div ng-app="myApp" ng-controller="MainCtrl">
<div id="grid1" ui-grid="{ data: myData }" class="myGrid"></div>
</div>
</body>
非常感謝你,現在看起來只有合乎邏輯,你說出來。 – OvoiDs