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.
Syncfusion Feedback

Need Example of grid with grouping using angular js and mvc

Thread ID:

Created:

Updated:

Platform:

Replies:

120205 Sep 10,2015 12:46 PM UTC Sep 14,2015 08:12 AM UTC JavaScript 3
loading
Tags: ejGrid
Rakesh Advani
Asked On September 10, 2015 12:46 PM UTC


 I want example of grouping with Angular and Mvc  

This link for your reference 
 
     http://help.syncfusion.com/js/grid/grouping
 
Waiting for your quick reply  if possible before  monday provide example


Isuriya Rajan [Syncfusion]
Replied On September 11, 2015 08:28 AM UTC


Hi Rakesh,
Thanks for contacting Syncfusion support

Your requirement can be achieved by using allowGrouping property in Grid. By using the groupSettings property we can group the particular column.



   <div id="Grid" ej-grid ="" e-datasource="data"  e-allowpaging="true" e-groupsettings-groupedcolumns="groupcol" e-allowgrouping="true" >


angular.module('listCtrl', ['ejangular'])

        .controller('PhoneListCtrl', function ($scope) {

            $scope.data = obj; 

            $scope.groupcol =["EmployeeID"];//Grouped column


        });



We have created a sample using allowGrouping property in jsPlayground, 

 Sample

 

Regards,

Isuriya R


Bharat Buddhadev
Replied On September 11, 2015 08:58 AM UTC

Thanks for reply but is not working share image with what issue with it

before sending can you please check once.

Attachment: New_folder_(4)_9af342dc.rar

Isuriya Rajan [Syncfusion]
Replied On September 14, 2015 08:12 AM UTC

Hi Bharat,
We regret for the inconvenience caused.
Your requirement can be achieved by allowGrouping property in Grid. Using the groupSettings property, we can group the particular column. 


<div id="Grid" ej-grid ="" e-datasource="data"  e-allowpaging="true" e-groupsettings-groupedcolumns="groupcol" e-allowgrouping="true" >


angular.module('listCtrl', ['ejangular'])

        .controller('PhoneListCtrl'function ($scope) {

            $scope.data = obj; 

            $scope.groupcol =["EmployeeID"];//Grouped column


        });

We have created a sample using allowGrouping property in jsPlayground that you can download from the following location, 

 Sample



Regards,

Isuriya R


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.

Warning Icon 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.Close Icon

;