我的项目中用到了ng-grid,现在碰到以下几个问题!
问题一:我需要为gridOptions的配置项data赋值,这个数据时后台请求回来的,但是我后台请求回来数据,为什么data赋值,打他却拿不到值,一直是undefined!一会上图。(难道是因为嵌套回调函数的问题?可是我用了resource的promise呀,应该解决了这个问题吧?)
$scope.gridOptions = {
columnDefs: columnDefs,
rowData:null,
enableSorting: true,
enableColResize: true,
rowSelection: 'single',
suppressLoadingOverlay: true,
rowSelected: rowSelected
};
LodsHosts.hosts.query({
account_hash: account_hash,
api_token: api_token
}).$promise.then(function(data){
var code=data.code;
if(code==0&&sessions.get("login","")=="ok"){
var rows=data.rows;
var accountList=rows.join(",");
sessions.set("accountList",rows);
return Traffic.common.query({
account_hash:account_hash,
startDate:"2016-05-16",
endDate:"2016-05-18",
api_token:api_token,
granularity:"P1D",
hosts:accountList
}).$promise;
}else{
toaster.pop({
type:"error",
title:"error",
body:"请重新登录",
showCloseButton:true,
timeout:3000
}),
$state.go("login")
}
}).then(function(data){
console.log(data)
$rootScope.mask = false;
$scope.homepages=[];
data.time=7;
homepageTu(data);
var code=data.code;
if(code==0){
angular.forEach(data.rows,function(value,key){
var homepage = {};
homepage.headerName = "域名";
homepage.host_name = value.host_name;
homepage.img = '<a href="javascript:void(0)" data-toggle="modal" data-target="#myModal" ng-click="modalEx()"><img src="../images/Group.png"></a>';
homepage.traffic_period = substr(value.traffic_period);
homepage.total_bytes = value.total_bytes;
homepage.total_bytes_precent = value.total_bytes_precent;
homepage.total_requests = value.total_requests;
this.push(homepage);
},$scope.homepages);
$scope.gridOptions.rowData=$scope.homepages;
}
})
问题二:为什么表头和数据和数据对不齐?
问题三:我点击一列的排序,其他列的排序也会跟着变化,我只想点击哪列表头,相应的列进行排序。
问题四:grid自带最大高度?我在外面有个div,因为div要实现上拉下拉的效果,所以div有边框,这样的话就会产生两个滚动条,我不想要grid的最大高度,想让数据自动把外面的div撑开,然后实现就外面一个div有滑动条.