Utilizzando jquery nell’app ember

Sto costruendo un’applicazione con ember js e non sono sicuro di come usare jQuery con ember. Un esempio di ciò che sto cercando di ottenere è una pagina che ottiene i dati di vendita dalla mia API.

nel mio app.js che ho

App.TransactionsRoute = Ember.Route.extend({ model: function() { return App.Transaction.find(); } }); 

Se passo una data di inizio e una data di fine al metodo App.Transaction.find (), la mia API limiterà i dati che rimanda a tali date.

Ho un modulo sulla pagina con un input per le date di inizio e di fine e voglio collegarlo al datepicker dell’interfaccia utente di jQuery.

Questo è dove sono bloccato, ho messo questo alla fine del mio codice app ember

 jQuery(document).ready(function() { jQuery("#transactionsStartDate").datepicker(); jQuery("#transactionsEndDate").datepicker(); }); 

ma non fa nulla e non vengono lanciati errori.

Come posso far funzionare il jquery? anche come faccio ad agganciare le variabili di data immesse alla chiamata ad App.Transaction.find({startDate: startDateVariable, endDate: endDateVariable})

Grazie per l’aiuto!

Correzione MODIFICA jQuery è in esecuzione ma è in esecuzione prima che la vista sia resa. Ha un hook o qualcosa che posso chiamare quando viene visualizzata la mia vista?

Invece di mettere l’inizializzazione di datepicker in jQuery (document) .ready () si aggancia al metodo didInsertElement della vista

 App.TransactionsView = Ember.View.extend({ templateName: 'transactions', didInsertElement: function() { jQuery("#transactionsStartDate, #transactionsEndDate").datepicker(); } }); 

utilizzare la vista TextField incorporata di Ember

  

e definire l’azione fetchTransactions sul controller

 App.TransactionsController = Ember.ArrayController.extend({ fetchTransactions:function() { this.set('model', App.Transaction.find({startDate:this.get('startDate'), endDate:this.get('endDate')})); } });