Ember.js: इनपुट कार्रवाई = "परिवर्तन" आग नहीं करता है

अजीब:

आसपास काम करें: http://emberjs.jsbin.com/yedigeyeda/1/edit?html , js, कंसोल, आउटपुट

यह # 10305 के समान है

यह वास्तव में स्वीकृति परीक्षणों में कष्टप्रद है, जहां fillIn सहायक किसी भी "कीअप" घटना को ट्रिगर नहीं करेंगे, इसलिए मुझे करना होगा:

fillIn('#my-input', 'some-val');
find('#my-input').trigger('keyup');

अगर मैं सही तरीके से आग लगाना चाहता हूं (क्योंकि मैं परिवर्तन की घटना का उपयोग नहीं कर सकता, जो शायद fillIn शुरू हो जाएगा)।

@Fryie - जो यहां रिपोर्ट की गई समस्या से संबंधित नहीं है। हालांकि https://github.com/emberjs/ember.js/pull/11016 के समान लगता है।

क्षमायाचना, मैं केवल यह बताना चाहता था कि 'कीप' संभव नहीं है, इसलिए एक अर्थ में यह संबंधित है। :)

@stefanpenner : @JKGisMe और मुझे हाल ही में पता चला है कि {{input}} सहायक का उपयोग निर्दिष्ट घटनाओं के लिए क्रियाओं को ट्रिगर नहीं करता है। यहाँ एक और अधिक विस्तृत उदाहरण है: http://ember-twiddle.com/0830f4ed9f15df59801e

(@JKGisMe द्वारा ट्वीडल)

वास्तव में बहुत सारी घटनाएँ अभी इनपुट हेल्पर पर काम नहीं करती हैं, जिसमें माउस से संबंधित कुछ भी शामिल है।

हां, मैं इसे ट्रैक कर रहा हूं। मोबाइल न होने पर जो हो रहा है उसे भरने की कोशिश करेंगे।

यह एक गंभीर समस्या है। दो और अधिक क्रियाओं को सेट करना इनपुट हेल्पर के लिए नहीं हो सकता है। विश्वास नहीं कर सकता कि एम्बर 2.0.0 अभी भी ऑन-इनपुट = "" और ऑन-चेंज = "" जैसी विशेषताओं को नहीं देखता है।
आशा है कि यह ASAP तय किया जाएगा ...

मैंने _all_ क्रियाओं का परीक्षण नहीं किया है लेकिन मैंने इसका सफलतापूर्वक उपयोग किया है:

{{input 
    value=value 
    autoresize=true 
    focus-in="inputFocusIn" 
    focus-out="inputFocusOut" 
    enter="removeFocus" 
}}

आप इसे प्राप्त करने के लिए पुराने ज़माने के html संस्करण और hbs क्रियाओं का भी उपयोग कर सकते हैं।

<input 
    value={{someValue}} 
    onblur={{action checkForValid value="target.value"}}
    oninput={{action validate value="target.value"}}
/>

अभी यह इनका समर्थन करता है:

insert-newline
insert-newline
escape-press  
focus-in      
focus-out     
key-press     
key-up        
key-down

http://emberjs.com/api/classes/Ember.TextSupport.html

हां, मुझे लगा कि यह मुद्दा {{input action="foo" on="focus-in"}} (जो कि {{input focus-in="foo"}} ) के साथ एक प्रतिगमन की रिपोर्ट कर रहा था, लेकिन मुझसे गलती हुई (जो ऊपर सूचीबद्ध किसी भी घटना के साथ ठीक से काम करता है)।

यह विशेष रूप से on="change" का उपयोग करने के बारे में है, लेकिन मुझे यकीन नहीं है कि यह कुछ ऐसा है जिसे हम फिलहाल समर्थन करना चाहते हैं।

ठीक है हां, मुझे html इनपुट संस्करण के लिए बदलाव पर कार्रवाई के लिए (mut model.value) जोड़ना होगा।

जो मुझे आश्चर्यचकित करता है ... यदि आप वास्तव में इसका उपयोग नहीं कर सकते हैं तो {{input होने की क्या बात है? ऐसा लगता है कि <input त्रुटिपूर्ण है क्योंकि आप आसानी से hbs के साथ 2 तरह से बंधन नहीं कर सकते हैं, लेकिन साथ ही {{input कुछ हद तक अनुपयोगी है, क्योंकि इसकी घटना से निपटने के प्रतिबंध हैं। क्या हम चीजों को भ्रमित न करने के लिए {{input बिलकुल भी बेहतर नहीं करेंगे?

@JKGisMe - हुह? {{input}} त्रुटिपूर्ण कैसे है? यह काम करता है और घटना के बिना एम्बर अनुप्रयोगों के एक विशाल बहुमत द्वारा उपयोग किया जाता है ...।

तो ऊपर दी गई ट्वेल्ड में ... आप {{input साथ उन सभी को कैसे करेंगे?

अपने काम के प्रोजेक्ट में, मैंने अनजाने में सभी इनपुट बॉक्स के लिए html तरीका का उपयोग करके समाप्त कर दिया, इससे पहले कि यह उठे, लेकिन अब मैं सोच रहा हूं कि अगर यह bc था, तो मुझे इस तरह से काम करने वाली घटनाओं से जुड़ी एक टन क्रियाएं हैं ...। : पी बहुत बुरा देव वास्तव में याद नहीं है।

@rwjblue {{input}} सहायक का उपयोग करते समय मेरी अपेक्षा यह थी कि HTML इनपुट बनाने के लिए एक वाक्यात्मक चीनी थी, जबकि मूल्य और बाध्यकारी घटनाओं के लिए दो-तरफ़ा बाध्यकारी थी। {{input}} घटनाओं के लिए एक-से-एक बाध्यकारी नहीं है क्योंकि आप क्रियाओं से सीधे बंधने के लिए click या change उपयोग नहीं कर सकते। आपको प्रलेखित घटनाओं में से एक का उपयोग करना चाहिए ।

इस पर गाइड पढ़ना सबसे भ्रामक है क्योंकि इसमें इस बात का कोई उल्लेख नहीं है कि आप इनपुट के लिए क्या उपयोग नहीं कर सकते हैं।

http://guides.emberjs.com/v2.0.0/templates/input-helpers/

विशेष रूप से, एक्शन सेक्शन आपको सभी घटनाओं के लिए एक लिंक देता है और आपको बताता है कि बस उन्हें डेशराइज़ करें। यह तब तक नहीं है जब तक आप खुदाई नहीं करते और अंत में इस पृष्ठ पर नहीं पहुँचते:

http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_input

इस कथन के साथ शुरू: "सहायक कुछ उपयोगकर्ता घटनाओं को कार्रवाई भेजने की अनुमति देता है।"

आपको लगता है कि आप पागल नहीं हैं और click काम नहीं करने जा रहे हैं।

मैं यह नहीं कह रहा हूं कि यह गलत है; बस अप्रत्याशित। इससे मुझे स्लैक में कूदना पड़ा और पूछा कि क्यों। मैं लोगों के साथ अभिवादन कर रहा था जैसे मैं था।

मुझे आश्चर्य है कि अगर पहले से ही इस पर कोई अपडेट है

मैं एम्बर के लिए नया हूँ और पिछले एक घंटे को इस पर नज़र रखने में बिताया। यदि यह नहीं है तो अनिश्चित है क्योंकि मैं हाल ही में कोणीय से रूपांतरित हूं और मुझे ng-change उपलब्ध है।

अभी मुझे यकीन नहीं है कि क्या कार्य हैं या उनके लिए मेरे लिए क्या मतलब है, इसलिए मुझे यह भी नहीं पता था कि मुझे क्या खोजना है।

बावजूद, मैं इस ढांचे को मानता हूं। कोणीय से आ रहा है, यहाँ सब कुछ अच्छी तरह से बाहर सोचा है और कहीं अधिक सुसंगत लगता है।

संपादित करें: इस पोस्ट से कोई क्रिया आवश्यक नहीं है। मैं सिर्फ प्रतिक्रिया दे रहा था।

@rwjblue @morganick मुझे इस _miss- समझ_ ​​ने भी काट लिया। निम्नलिखित एक सही है, हालांकि जब एक घटक में एक इनपुट के लिए किस रूप का उपयोग करने के लिए सरल दिशानिर्देश?

| उपयोग-मामला | {{input}} बनाम <input> |
| --- ---
| इनपुट पर मानों का निरीक्षण करें | {{input}} या <input> |
| चेकबॉक्स w / क्रियाएँ | <input {{action="actionName" on="change"}} (चेकबॉक्स की _checked_ संपत्ति को अपडेट करने वाली क्लिक-इवेंट को ध्यान में रखने के लिए; ध्यान दें कि _checked_ पर पर्यवेक्षक आग नहीं लगाता है और चेकबॉक्स की _checked_ संपत्ति को एक्सेस नहीं किया जा सकता है (*); यह भी ध्यान रखें कि बंधन click इस तरह से विशिष्ट चेकबॉक्स टॉगल व्यवहार (!) को तोड़ता है; |
| अन्य इनपुट प्रकार | यदि घटना Ember.TextSupport द्वारा समर्थित है, तो {{input}} अन्यथा <input> |

मुझे यह भी लगता है कि हमें यहाँ क्रियाएँ और चेकबॉक्स अनुभाग को बदलना चाहिए।

* ... IMO केवल एक कार्रवाई हैंडलर और उपयोग रजिस्टर करने के लिए जिस तरह से चेकबॉक्स का _checked_ मूल्य मज़बूती से फार्म का उपयोग करने के लिए है onClick={{action "actionName"}} और जाँच ev.target.checked कार्रवाई हैंडलर में। मैंने यह भी देखा कि onClick={{action "actionName"}} और {{action "actionName" on='click'}} अलग तरीके से व्यवहार करते हैं: पहला व्यक्ति घटना-श्रोता को पास करता है, जबकि दूसरा ऐसा नहीं करता है। क्या यह इरादा है?

अगर इनपुट्स के मान बदले गए तो मुझे एक सेव बटन को बदलने की आवश्यकता थी और इसके साथ समस्या थी। मैंने पाया कि यदि आप एक फॉर्म के अंदर अपने इनपुट सेट करते हैं और फॉर्म पर कार्रवाई "परिवर्तन" सेट करते हैं तो यह किसी भी समय कार्रवाई को चलाएगा फॉर्म के भीतर इनपुट में से एक बदल जाता है।

यहाँ ट्वीडल: https://ember-twiddle.com/?openFiles=templates.application.hbs%2C

यहां देखें इवेंट के नाम: http://emberjs.com/api/classes/Ember.View.html#toc_event- नाम

यदि यह समस्या नहीं है, तो आप कृपया इस you को अनदेखा करें।

@ jfuqua390 आपका
"
यहाँ ट्वीडल: https://ember-twiddle.com/?openFiles=templates.application.hbs%2C
"
काम नहीं करता है, क्या आप अपडेट कर सकते हैं?

BTW, बस जो भी यहाँ आता है, मेरा समाधान दे रहा है।

    <input
      multiple="true"
      onchange={{action "upload"}}
      accept="image/png,image/jpeg,application/pdf"
      type="file"
    />

    actions: {
      upload: function(event) {
        console.log('upload');
      }
    }

@ldong मैंने आपके काम की कोशिश की (लगभग एक पुराने संस्करण पर एम्बर) और निम्न त्रुटि प्राप्त की:

Uncaught ReferenceError: Invalid left-hand side in assignment

यकीन नहीं होता कि मुझे कुछ याद आ रहा है?

अभी भी इससे जूझ रहे लोगों के लिए, यह ठीक काम करने लगता है:

{{input value=value input=(action "valChange")}}

Stackoverflow से नकल की गई

@EricSchank @Fryie @JKGisMe @MarkMT @SillyButt @abepetrillo @davidsteinberger @greyhwndz @jcfinnerup @ jfuqua390 @ldong @locks यह अभी भी एक मुद्दा है, शायद हम बंद करने या इस का एक नया प्रजनन बनाना चाहिए, आप क्या सोचते हैं?

अभी के लिए बंद करने से काम करने की घटना को बनाने के बहुत सारे तरीके हैं

@jcfinnerup यह कैसे परीक्षण करने के लिए पर कोई विचार? आप इनपुट ईवेंट कैसे बनाएंगे (ट्रिगर की तरह एक सहायक के साथ)?