I am Working on VF page in which i have used Angular js. What I am doing is bring data from custom object using query inside controller anf then serializing its using json.serialisation.using that string on VFPage . Now I am displaying that on page. I have copied code from a blog what it does is display record with pagination and does the sorting of the record on particular. What I want is it should do sorting for the whole data. below is the code.. lodata is the serialized data that I am bringing from controller
var myapp = angular.module('hello', []);
var sortingOrder = '';
var sortingOrderWO = 'createdDateWO';
//var $scope;
var new_sorting_order = null;
//this.$scope = $scope;
//this.$filter =$filter;
$scope.sortingOrder = sortingOrder;
$scope.reverse = false;
$scope.filteredItems = [];
$scope.groupedItems = [];
$scope.itemsPerPage = 15;
$scope.pagedItems = [];
$scope.currentPage = 0;
$scope.items = lodata;
var searchMatch = function (haystack, needle) {
if (!needle) {
return true;
}
return haystack.toLowerCase().indexOf(needle.toLowerCase()) !== -1;
};
//Initialize the Search Filters
$scope.search = function () {
$scope.filteredItems = $filter('filter')($scope.items, function (item) {
for (var attr in item) {
if (searchMatch(item[attr], $scope.query))
return true;
}
return false;
});
// Define Sorting Order
if ($scope.sortingOrder !== '') {
$scope.filteredItems = $filter('orderBy')($scope.filteredItems, $scope.sortingOrder, !$scope.reverse);
}
$scope.currentPage = 0;
// console.log(JSON.stringify($scope.filteredItems));
// Group by pages
$scope.groupToPages();
};
$scope.groupToPages = function () {
$scope.pagedItems = [];
for (var i = 0; i < $scope.filteredItems.length; i++) {
if (i % $scope.itemsPerPage === 0) {
$scope.pagedItems[Math.floor(i / $scope.itemsPerPage)] = [$scope.filteredItems[i]];
} else {
$scope.pagedItems[Math.floor(i / $scope.itemsPerPage)].push($scope.filteredItems[i]);
}
}
};
$scope.range = function (start, end) {
var ret = [];
if (!end) {
end = start;
start = 0;
}
for (var i = start; i < end; i++) {
ret.push(i);
}
return ret;
};
$scope.prevPage = function () {
if ($scope.currentPage > 0) {
$scope.currentPage--;
}
};
$scope.nextPage = function () {
if ($scope.currentPage < $scope.pagedItems.length - 1) {
$scope.currentPage++;
}
};
$scope.setPage = function () {
$scope.currentPage = this.n;
};
$scope.search();
$scope.sort_by = function (newSortingOrder) {
//alert(sortingOrder + '-----' +newSortingOrder);
//alert($scope.sortingOrder);
//alert('Sort called in one direction');
if ($scope.sortingOrder == newSortingOrder){
$scope.reverse = !$scope.reverse;
//alert('we are changing the reverse'+$scope.reverse);
}
$scope.sortingOrder = newSortingOrder;
//alert('we are changing the $scope.sortingOrder'+$scope.sortingOrder);
// icon setup
$('th i').each(function () {
// icon reset
$(this).removeClass().addClass('icon-sort');
});
if ($scope.reverse)
$('th.' + new_sorting_order + ' i').removeClass().addClass('icon-chevron-up');
else
$('th.' + new_sorting_order + ' i').removeClass().addClass('icon-chevron-down');
};
}
var contrl = controllers.controller('ctrlRead', function ($scope, $filter){
//alert('its started');
var locData = {!wpData[0]}
return generateJson(locData, $scope, $filter);
//alert('its completed');
});
contrl.$inject = ['$scope', '$filter'];