2017-04-20 3 views
1

그래서 나는 내가 키를 교체 할 때 이제 업로드 동작변경 이벤트는

를 트리거 할 수있는, 즉 잘 작동이 텍스트 영역

{{textarea value=model.description key-press="upload" required=true rows="5" aria-describedby=describedby}} 

이 변경 또는 변경시 업로드 작업이 시작되지 않습니다. 코드는 다음과 같습니다

{{textarea value=model.description onchange="upload" required=true rows="5" aria-describedby=describedby}} 

텍스트 영역에 대한 변경 이벤트 동작을 호출하는 방법 ??

답변

0

이 녀석은 입력 헬퍼의 이벤트에 몇 가지 문제가 있습니다. 당신은 다음 옵션 아래에 시도 할 수 onchange를위한 조치를 트리거 할 경우

<textarea value={{model.description}} onchange={{action "upload" value="target.value"}} > 
+0

이 내가 <= {{model.description가}} onchange를 = {{행동 '업로드'}} 텍스트 영역 값> 어떤 이유로 가 업로드 작업이 다음 – Dom

+0

을 를 호출되지 뭘하려 되세요 문제는 다른 곳에서 코드를 복사하는 것입니다. –

0

TextArea

 
+--------------------+----------------+ 
|     |    | 
| event    | attribute name | 
+--------------------+----------------+ 
| new line inserted | insert-newline | 
|     |    | 
| enter key pressed | insert-newline | 
|     |    | 
| cancel key pressed | escape-press | 
|     |    | 
| focusin   | focus-in  | 
|     |    | 
| focusout   | focus-out  | 
|     |    | 
| keypress   | key-press  | 
|     |    | 
| keyup    | key-up   | 
|     |    | 
| keydown   | key-down  | 
+--------------------+----------------+ 

, 이벤트 supported by inbuilt 그래서 여기

  1. 대신 {{textareaTextSupport을 확장한다 당신은 아래와 같은 정상 <text-area을 사용할 수 있습니다

    ,

    <textarea value={{appName}} onchange={{action 'onTextFiledChange'}} />

  2. onchange 이벤트는

    {{textarea value=appName focus-out='onTextFiledChange' }}

  3. 당신은 TextArea

    {{my-textarea value=appName onTextFiledChange='onTextFiledChange'}}

를 확장하여 자신의 구성 요소를 만들 수 있습니다, 텍스트 영역에 대한 focus-out에 트리거

는 모습을 at this twiddle

+0

첫 번째 옵션은 작동하지 않습니다 은 텍스트 영역에 값을 직접 삽입하지 않기 때문에 두 번째 옵션을 사용할 수 있습니다. – Dom

+0

첫 번째 옵션의 경우 구성 요소에서 사용하는 경우 onTextFiledChange 액션을 구성 요소에 정의해야합니다 템플릿에서'dashboard.hbs'라고 말하면'dashboard.js' 컨트롤러에'onTextFiledChange' 액션이 있어야합니다 – kumkanillam