We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Scrolling does not show all records when using with grouping

Thread ID:

Created:

Updated:

Platform:

Replies:

120630 Sep 29,2015 02:44 AM Sep 30,2015 02:53 AM JavaScript 1
loading
Tags: ejGrid
Bharat Buddhadev
Asked On September 29, 2015 02:44 AM

we are using scrolling with grouping
Issue : when I scroll grid I am not able to see all record of the grid after doing scrolling
If I am removing scrolling I am able to see the whole records.
Please check with multiple record use scrolling with grouping and check the issue.
e-columns="columns"
class="gridStyle"
e-allowresizing="true"
e-allowkeyboardnavigation="true"
e-allowscrolling="true"
e-allowsorting="true"
e-minwidth="550"
e-isresponsive="true"
e-scrollsettings-height="320"
e-allowgrouping="true"
e-groupsettings-groupedcolumns="targetGroupColumn"
e-allowfiltering="true"
e-filtersettings-filtertype="menu"
e-actioncomplete="complete"
e-create="complete"
e-enabletouch="false">
angular.module("administrationModule")
.controller("targetsController", ["$scope", "$http", "targetService", "$filter", "$compile", "$rootScope", function ($scope, $http, targetService, $filter, $compile, $rootScope) {
$scope.status = { open: true };
$rootScope.data = null;
$rootScope.accessGroupData = null;
$scope.columns = [
{ field: "targetNumber", headerText: administrationSecurityResources.targetNumber, width: 100 },
{ field: "targetType", headerText: administrationSecurityResources.targetType, width: 100 },
{ field: "targetName", headerText: administrationSecurityResources.targetName, width: 100 },
{ field: "targetDescription", headerText: administrationSecurityResources.description, width: 100 },
{ field: "accessGroupMarking", headerText: administrationSecurityResources.accessGroup, template: "true", templateID: "#accessGroupTemplate", width: 120 },
];
$scope.targetGroupColumn = ["targetType"];
$scope.compile = function (el) {
$compile(el)($scope);
}
$scope.complete = function (args) {
if (!this.initialRender) {
$scope.compile($(".drpAccessGroup"))
}
};
$scope.setTargetList = function (targetList) {
$rootScope.data = targetList.targetViewModelList;
$rootScope.data = $filter('orderBy')($rootScope.data, 'targetName');
$rootScope.accessGroupData = $filter('orderBy')(targetList.accessGroupMarkingViewModelList, 'markingString');
$rootScope.accessGroupData.splice(0, 0, { markingString: "Unrestricted" });
}
Waiting for your quick reply
};
}]);

Seeni Sakthi Kumar Seeni Raj [Syncfusion]
Replied On September 30, 2015 02:53 AM

Hi Bharat,

Thanks for contacting Syncfusion Support.

We are sorry that we are unable to reproduce issue. We have prepared a sample based on the provided code example and refer to the below jsPlayground link,

http://jsplayground.syncfusion.com/gpntyxza

At the initial render of Grid, data source given as Null. In a button click, we assign the data source to the Grid.

Please explain the procedure on how you bind the data source to the Grid and replication steps. You can also replicate the issue by modifying the relevant changes in the above jsPlayground sample and share.

Regards,
Seeni Sakthi Kumar S.

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;