Uygulamada jquery kullanma

Question

Bir jperatörü jpe ile yapıyorum ve jQuery'yi nasıl kullanacağımı bilmiyorum. Başarmaya çalıştığım şeyin bir örneği, api'mden satış verilerini alan bir sayfadır. Ben App.Transaction.find() yöntemine başlangıç ​​tarihi ve bitiş tarihi geçerseniz benim app.js içinde

ben verilerini kısıtlayacaktır benim API geri gönderir

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

var bu tarihlere kadar.

Sayfanın başlangıç ​​ve bitiş tarihleri ​​için bir giriş formu var ve bunu jQuery UI'nin tarihçöküne bağlamak istiyorum.

Bu sıkıştım nerede benim kor uygulama koduna

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

sonunda bu koymak ama hiçbir şey yapmaz ve hiçbir hata atılır olduğunu.

JQuery'yi nasıl çalıştırabilirim? Ayrıca yardımlarınız için girilen tarih değişkenlerini App.Transaction.find({startDate: startDateVariable, endDate: endDateVariable})

numaralı çağrıya nasıl bağlarım?

EDIT jQuery işlemi devam ediyor, ancak görüntü işlenmeden önce çalışıyor. Ember, görünümüm işlendiğinde çağırabileceğim bir kancaya veya bir şeye sahip mi?

Answer 1

yerine jQuery (belge) .ready() 'de datepicker başlatma koyarak bakış didInsertElement yöntemi

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

kullanımı Kor TextField şekilde inşa

<script type="text/x-handlebars" data-template-name="transactions"> 
<form> 
    <label for="transactionsStartDate">Start Date</label> 
    {{view Ember.TextField id="transactionsStartDate" valueBinding="startDate"}} 
    <label for="transactionsEndDate">End Date</label> 
    {{view Ember.TextField id="transactionsEndDate" valueBinding="endDate"}} 
    <button {{action fetchTransactions}}>Fetch Data</button> 
</form> 
</script> 

kanca ve tanımlamak action fetchTransactionsTransactionsTransactions

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