AngularJs & ui- grid : grid忽略了gridOptions
AngularJs & ui- grid : grid忽略了gridOptions
提问于 2016-08-05 18:37:48
我在禁用gridMenu并重命名我的列时遇到了ui-grid问题。我做了一个plnkr，你可以看到：https://plnkr.co/edit/EGhvBGOJCKPzfupjCROx?p=preview
正如你在script.js中看到的，我希望我的列被命名为'banana'，'chrom‘和'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}
]
};
}]);数据看起来是这样的：
[
{
"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>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-08-05 18:48:40
将HTML更改为
<body>
<h1>Variants</h1>
<div ng-app="myApp" ng-controller="MainCtrl">
<div id="grid1" ui-grid="gridOptions" class="myGrid"></div>
</div>
</body>目前，您只将数据传递给UI-Grid，而不是选项，这将传递选项(如columndefs_ data )和数据。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38787181
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号