Javascript 如何更改ng网格中的项目总值和分页问题
我正在使用ng grid。很好。Javascript 如何更改ng网格中的项目总值和分页问题,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,我正在使用ng grid。很好。 但“总项目”的值仅显示当前页面项目长度。 我需要显示总数组项长度,而不仅仅是当前页面项长度 我的数组大小是55 我的页面大小是:15 然后显示的项目总数为15。 但我需要:总共55件 另一个问题是: ng网格分页无法单击“上次”按钮 和“下一步”按钮移动到另一页 $scope.filterOptions = { filterText: "",
但“总项目”的值仅显示当前页面项目长度。
我需要显示总数组项长度,而不仅仅是当前页面项长度 我的数组大小是55
我的页面大小是:15
然后显示的项目总数为15。
但我需要:总共55件 另一个问题是: ng网格分页无法单击“上次”按钮
和“下一步”按钮移动到另一页
$scope.filterOptions = {
filterText: "",
useExternalFilter: true
};
$scope.pagingOptions = {
pageSizes: [5,15, 25, 50],
pageSize: 15,
currentPage: 1
};
$scope.setPagingData = function(data, page, pageSize){
var pagedData = data.slice((page - 1) * pageSize, page * pageSize);
$scope.myData = pagedData;
if (!$scope.$$phase) {
$scope.$apply();
}
};
$scope.getPagedDataAsync = function (pageSize, page, searchText) {
setTimeout(function () {
var data;
if (searchText) {
var ft = searchText.toLowerCase();
$scope.setPagingData($scope.allalert,page,pageSize);
} else {
alert=[[],[]];
service.getallalert(accountid)
.success(function(data,status,headers,config) {
var len=data.all_alert.length;
var lenmessage=0;
for(var i=0;i<len;i++){
$scope.devicenameinalert=data.all_alert[i].devicename;
lenmessage=data.all_alert[i].message_list.length;
if(lenmessage!=0){
for(var j=0;j<lenmessage;j++){
alert.push(data.all_alert[i].message_list[j]);
}
}
}
$scope.allalert=alert;
$scope.allalert.splice(0,2);
if($scope.allalert.length==0){
toaster.pop("error", "Not Found", "Record Not Found.");
}else{
$scope.setPagingData($scope.allalert,page,pageSize);
}
})
.error(function(data,status,headers,config)
{
});
}
}, 100);
};
$scope.gridOptions = {
data: 'myData', selectedItems: [] ,
enablePaging: true,
pagingOptions: $scope.pagingOptions,
showFooter: true,
filterOptions: $scope.filterOptions,
plugins: [new ngGridFlexibleHeightPlugin()]
};
$scope.selectedCityInfo = [];
$scope.gridOptions.enableRowSelection = true;
$scope.gridOptions.showSelectionCheckbox = true;
$scope.gridOptions.multiSelect = true;
$scope.gridOptions.showSelectionCheckbox=true;
$scope.gridOptions.showColumnMenu = false;
$scope.gridOptions.columnDefs = 'gridColumnDefs';
$scope.gridColumnDefs = [ {field:'devicename',cellTemplate: '<div class="margincenter"><center>{{row.entity.devicename}}</center></div>',headerCellTemplate: '<div class="textCenter">Device Name</div>'},
{field:'alerttime',displayName: 'Date/Time'},
{field:'message',displayName: 'Message'}
];
$scope.filterOptions={
筛选文本:“”,
useExternalFilter:true
};
$scope.pagingOptions={
页面大小:[5,15,25,50],
页面大小:15,
当前页:1
};
$scope.setPagingData=函数(数据、页面、页面大小){
var pagedData=data.slice((第1页)*页面大小,页面*页面大小);
$scope.myData=pagedData;
如果(!$scope.$$phase){
$scope.$apply();
}
};
$scope.getPagedDataAsync=函数(页面大小、页面、搜索文本){
setTimeout(函数(){
var数据;
如果(搜索文本){
var ft=searchText.toLowerCase();
$scope.setPagingData($scope.allalert,page,pageSize);
}否则{
警报=[],[];
service.getallalert(accountid)
.success(函数(数据、状态、标题、配置){
var len=data.all_alert.length;
var-lenmessage=0;
对于(var i=0;如果您使用的是ng grid 3.0+(现在是ui grid),则显示您的网格选项、一些代码或JSFIDLE你应该在这里查看他们关于分页的示例:。他们在那里设置了一个网格,其中正确显示了记录的总数。如果这没有帮助,请发布一个fiddle或至少gridOptions对象,以便我们更好地了解问题。谢谢。谢谢Brandon…我不使用ui gridshow你的网格选项,som如果您使用的是ng grid 3.0+(现在是ui grid),请使用e代码或JSFIDLE你应该在这里查看他们关于分页的示例:。他们在那里设置了一个网格,其中正确显示了记录的总数。如果这没有帮助,请发布一个fiddle或至少gridOptions对象,以便我们更好地了解问题。谢谢。谢谢Brandon…我不使用ui网格