Styjun

tikz convert color string to hex value

How is the claim "I am in New York only if I am in America" the same as "If I am in New York, then I am in America?

Malformed Address '10.10.21.08/24', must be X.X.X.X/NN or

What is the word for reserving something for yourself before others do?

Did Shadowfax go to Valinor?

A case of the sniffles

Do I have a twin with permutated remainders?

Java Casting: Java 11 throws LambdaConversionException while 1.8 does not

How is it possible to have an ability score that is less than 3?

Languages that we cannot (dis)prove to be Context-Free

Why doesn't H₄O²⁺ exist?

Does an object always see its latest internal state irrespective of thread?

Intersection point of 2 lines defined by 2 points each

What would happen to a modern skyscraper if it rains micro blackholes?

How much RAM could one put in a typical 80386 setup?

Can I make popcorn with any corn?

Can a Cauchy sequence converge for one metric while not converging for another?

Cross compiling for RPi - error while loading shared libraries

How to determine what difficulty is right for the game?

What's that red-plus icon near a text?

What's the point of deactivating Num Lock on login screens?

Why is consensus so controversial in Britain?

Character reincarnated...as a snail

Watching something be written to a file live with tail

Angular UI Grid: how to fill a dropdown filter with real data from database/backend

How to display length of filtered ng-repeat dataNotify change of angular service in function when function defined as propertyangular ui grid column dropdown filter blank optionAngular UI-Grid with bootstrap action dropdown in cellTemplateHow to create a searchable dropdown in UI Grid using angular js?Best practice to fill dropdowns in Angularangular ui grid single filter + cellfilterAngular UI-Grid filteringhow to keep the data as filtered and sorted from angular ui-grid and export it?Get filtered data from ui-grid in controller

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I've been struggling for more than 1 day trying to find a solution to pre-fill angular-ui-grid dropdown with data from the backend. And yes, I've seen many similar questions, but none of them talks about filling a selectOption with real data from backend.

It works fine with a pre-defined array like this: $scope.tiposArquivoSelecionados = [ value: 1, label: 'First', value: 2, label: 'Second', value: 3, label: 'Third'];

But when I try to fill the selectOption with data gathered from backend, the selectOption is not displayed. Take a look:

The data is gathered successfully, the grid is rendered successfully, what makes me think it's a timing problem.

Here is a list of a few workarounds I tried (all failed) to solve the possible timing problem:

• refresh the grid after gathering the data;


• put the columnDefs inside the service success callback


• put a ng-if in the .html to display the grid only if the array.length > 0

None of them worked =/

---

selectOptions array declaration:

$scope.tiposArquivoGridSelectOptions = [];

Code from the GridOptions.columnDefs:

 field: 'controleArquivoId',
 name: 'Tipo de Arquivo',
 cellClass: 'ui-grid-cell-padding',
 enableFiltering: true,
 enableSorting: true,
 enableHiding: true,
 filter: 
 type: uiGridConstants.filter.SELECT,
 selectOptions: $scope.tiposArquivoGridSelectOptions,
 ,
 sort: 
 direction: uiGridConstants.ASC,
 priority: 3
 
,

In my controller, I have the init() method, which calls the service to gather the data from the backend and fills the selectOption array.

AutorizacoesReenvioService.listarTiposArquivoPorAno(moment().year()).then(
 function (success) 
 var responseData = success.data;

 responseData.forEach(function(item) 
 $scope.tiposArquivoGridSelectOptions.push(
 
 value: item.id,
 label: item.nomeArquivo
 
 );
 );

 $scope.gridApi.core.refresh();
 ,
 function (error) 
 console.error(success.data);
 
);

angularjs angular-ui-grid ui-grid

share|improve this question

edited Mar 22 at 0:50

romeromedeiros

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I tried using a plunker, but found no problems... There is no need to refresh the grid. Please check this plunker. The dropdown is toggled by pressing the 'toggle filtering' button.
  
  – Remko
  Mar 22 at 8:37
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you @Remko, but the problem is when I try to fill the dropdown options with data from backend using $http.
  
  – romeromedeiros
  Mar 22 at 12:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That should not make any difference. Check the plunker again, I changed the toggleFiltering function (makes even less sense now ;), but it still works. Could you try and make a plunker showing the issue you are having, since I cannot reproduce your problem?
  
  – Remko
  Mar 22 at 15:26
  

  
  
  
  

add a comment | 

0

I've been struggling for more than 1 day trying to find a solution to pre-fill angular-ui-grid dropdown with data from the backend. And yes, I've seen many similar questions, but none of them talks about filling a selectOption with real data from backend.

It works fine with a pre-defined array like this: $scope.tiposArquivoSelecionados = [ value: 1, label: 'First', value: 2, label: 'Second', value: 3, label: 'Third'];

But when I try to fill the selectOption with data gathered from backend, the selectOption is not displayed. Take a look:

The data is gathered successfully, the grid is rendered successfully, what makes me think it's a timing problem.

Here is a list of a few workarounds I tried (all failed) to solve the possible timing problem:

• refresh the grid after gathering the data;


• put the columnDefs inside the service success callback


• put a ng-if in the .html to display the grid only if the array.length > 0

None of them worked =/

---

selectOptions array declaration:

$scope.tiposArquivoGridSelectOptions = [];

Code from the GridOptions.columnDefs:

 field: 'controleArquivoId',
 name: 'Tipo de Arquivo',
 cellClass: 'ui-grid-cell-padding',
 enableFiltering: true,
 enableSorting: true,
 enableHiding: true,
 filter: 
 type: uiGridConstants.filter.SELECT,
 selectOptions: $scope.tiposArquivoGridSelectOptions,
 ,
 sort: 
 direction: uiGridConstants.ASC,
 priority: 3
 
,

In my controller, I have the init() method, which calls the service to gather the data from the backend and fills the selectOption array.

AutorizacoesReenvioService.listarTiposArquivoPorAno(moment().year()).then(
 function (success) 
 var responseData = success.data;

 responseData.forEach(function(item) 
 $scope.tiposArquivoGridSelectOptions.push(
 
 value: item.id,
 label: item.nomeArquivo
 
 );
 );

 $scope.gridApi.core.refresh();
 ,
 function (error) 
 console.error(success.data);
 
);

angularjs angular-ui-grid ui-grid

share|improve this question

edited Mar 22 at 0:50

romeromedeiros

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I tried using a plunker, but found no problems... There is no need to refresh the grid. Please check this plunker. The dropdown is toggled by pressing the 'toggle filtering' button.
  
  – Remko
  Mar 22 at 8:37
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you @Remko, but the problem is when I try to fill the dropdown options with data from backend using $http.
  
  – romeromedeiros
  Mar 22 at 12:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That should not make any difference. Check the plunker again, I changed the toggleFiltering function (makes even less sense now ;), but it still works. Could you try and make a plunker showing the issue you are having, since I cannot reproduce your problem?
  
  – Remko
  Mar 22 at 15:26
  

  
  
  
  

add a comment | 

I've been struggling for more than 1 day trying to find a solution to pre-fill angular-ui-grid dropdown with data from the backend. And yes, I've seen many similar questions, but none of them talks about filling a selectOption with real data from backend.

It works fine with a pre-defined array like this: $scope.tiposArquivoSelecionados = [ value: 1, label: 'First', value: 2, label: 'Second', value: 3, label: 'Third'];

But when I try to fill the selectOption with data gathered from backend, the selectOption is not displayed. Take a look:

The data is gathered successfully, the grid is rendered successfully, what makes me think it's a timing problem.

Here is a list of a few workarounds I tried (all failed) to solve the possible timing problem:

• refresh the grid after gathering the data;


• put the columnDefs inside the service success callback


• put a ng-if in the .html to display the grid only if the array.length > 0

None of them worked =/

---

selectOptions array declaration:

$scope.tiposArquivoGridSelectOptions = [];

Code from the GridOptions.columnDefs:

 field: 'controleArquivoId',
 name: 'Tipo de Arquivo',
 cellClass: 'ui-grid-cell-padding',
 enableFiltering: true,
 enableSorting: true,
 enableHiding: true,
 filter: 
 type: uiGridConstants.filter.SELECT,
 selectOptions: $scope.tiposArquivoGridSelectOptions,
 ,
 sort: 
 direction: uiGridConstants.ASC,
 priority: 3
 
,

In my controller, I have the init() method, which calls the service to gather the data from the backend and fills the selectOption array.

AutorizacoesReenvioService.listarTiposArquivoPorAno(moment().year()).then(
 function (success) 
 var responseData = success.data;

 responseData.forEach(function(item) 
 $scope.tiposArquivoGridSelectOptions.push(
 
 value: item.id,
 label: item.nomeArquivo
 
 );
 );

 $scope.gridApi.core.refresh();
 ,
 function (error) 
 console.error(success.data);
 
);

angularjs angular-ui-grid ui-grid

share|improve this question

edited Mar 22 at 0:50

romeromedeiros

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

$scope.tiposArquivoGridSelectOptions = [];

 field: 'controleArquivoId',
 name: 'Tipo de Arquivo',
 cellClass: 'ui-grid-cell-padding',
 enableFiltering: true,
 enableSorting: true,
 enableHiding: true,
 filter: 
 type: uiGridConstants.filter.SELECT,
 selectOptions: $scope.tiposArquivoGridSelectOptions,
 ,
 sort: 
 direction: uiGridConstants.ASC,
 priority: 3
 
,

AutorizacoesReenvioService.listarTiposArquivoPorAno(moment().year()).then(
 function (success) 
 var responseData = success.data;

 responseData.forEach(function(item) 
 $scope.tiposArquivoGridSelectOptions.push(
 
 value: item.id,
 label: item.nomeArquivo
 
 );
 );

 $scope.gridApi.core.refresh();
 ,
 function (error) 
 console.error(success.data);
 
);

share|improve this question

edited Mar 22 at 0:50

romeromedeiros

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

share|improve this question

edited Mar 22 at 0:50

romeromedeiros

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811

asked Mar 21 at 22:50

romeromedeirosromeromedeiros

508811