텍스트 입력 시 대문자로 변환하기

퓨즈[Fusetools]의 TextInput 컨트롤에 텍스트를 입력한 후 엔터를 누르거나 입력하는 동시에 텍스트를 대문자로 변환하는 예제입니다.

[[ 텍스트 입력 후 Enter키를 누르면 변환 ]]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<App>
 <JavaScript>
   var Observable = require('FuseJS/Observable');
   var _text = Observable("test text");

   module.exports = {
       _text:_text,
       InputEnterKey: function() {
         _text.value = _text.value.toUpperCase();
       }
   }
 </JavaScript>
 <TextInput ux:Name="txt" Value="{_text}">
   <OnKeyPress Key="Enter" Handler="{InputEnterKey}" />
 </TextInput>
</App>

[[ 텍스트 입력과 동시에 변환 (항상 대문자만 입력받고 싶은 경우에 사용) ]]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<App>
  <JavaScript>
    var Observable = require('FuseJS/Observable');
    var _text = Observable("test text");

    module.exports = {
        _text:_text,
        InputEnterKey: function() {
          _text.value = _text.value.toUpperCase();
        }
    }
  </JavaScript>
  <TextInput ux:Name="txt" Value="{_text}" ValueChanged="{InputEnterKey}" />
</App>

[[ 동영상 강좌(재생 목록 버튼을 누르세요) ]]

Was this article helpful?

Related Articles