Dataset property not working.

[ashutoslenka426]

what does documentation of the component mean ? The ordering in the spec file ?
https://js.devexpress.com/Demos/WidgetsGallery/Demo/Pivot_Grid/LocalDataSource/AngularJS/Light/

[patrick]

I mean the documentation of the pivot component you are trying to wrap...

How do you currently try to provide your adjusted dataset to the pivot?

[ashutoslenka426]

On the onload of the form . This code -

Code: Select all

elements.Pivot_Grid_2.pivot(data);

Code: Select all

$scope.api.pivot = function(data) {
           console.log(data);
             source = data;
                       
             $scope.pivotGridOptions = {
                   allowSortingBySummary: false,
                   allowSorting: false,
                   allowFiltering: false,
                   allowExpandAll: false,
                   height: 440,
                   showBorders: false,
                   fieldChooser: {
                       enabled: false
                   },
                  dataSource: {
                       fields: [{
                          
                           dataField: "city",
                           area: "row"
                       },
                  {
                           dataField: "telephone_nr",
                           area: "column"
                       }, {
                          
                           dataField: "sys_owner_id",
                           area: "data"
                       }],
                       store: source
                   }
               };
         }   

[patrick]

I mean client side. At some point you do this, right?

Code: Select all

$scope.pivotGridOptions = {
        allowSortingBySummary: true,
        allowSorting: true,
        allowFiltering: true,
        allowExpandAll: true,
        ...
}

I would like to see the code of your component's api implementation...

[ashutoslenka426]

Code: Select all

<div id="sales"  dx-pivot-grid="pivotGridOptions"
class="pivotGrid"
>
</div>

Code: Select all

controller: function($scope, $element, $attrs) {
                var source="";
//         var datasource;
         $scope.api.pivot = function(data) {
           console.log(data);
             source = data;
                       
             $scope.pivotGridOptions = {
                   allowSortingBySummary: false,
                   allowSorting: false,
                   allowFiltering: false,
                   allowExpandAll: false,
                   height: 440,
                   showBorders: false,
                   fieldChooser: {
                       enabled: false
                   },
                  dataSource: {
                       fields: [{
                          
                           dataField: "city",
                           area: "row"
                       },
                  {
                           dataField: "telephone_nr",
                           area: "column"
                       }, {
                          
                           dataField: "sys_owner_id",
                           area: "data"
                       }],
                       store: source
                   }
               };
         }   
        
        
      },

[ashutoslenka426]

Thanks for your replies . I am thinking to be one problem . Here I am calling the api . I am sending the data from servoy to js . When it is sending the data and the time pivot grid is getting rendered . Both are mismatching hence not populating the data . So I am thinking of using the

Code: Select all

$scope.servoyApi.callServerSideApi("mycallback",["test",1]).then(function(retValue) {
   console.log(retValue);   
})


But this is not working . This is not calling the servoy function

What is this ?

Code: Select all

$scope.mycallback = function(name,type) {
    return "something";
}

where to write this ? .

Please provide your suggestions .