JQM이 사용자 정의 컨트롤의 폼 컨트롤러를 자동으로 변환해준 후, 플러그인 메소드를 통해 많은 속성들을 조작할 수 있습니다. 아래는 현재 사용가능한 메소드들입니다. Github을 통해 업데이트 상황을 확인할 수 있습니다.
Selectmenu Methods
open : $('select').selectmenu('open');
close : $('select').selectmenu('close');
refresh value : $('select').selectmenu('refresh');
refresh and force rebuild : $('select').selectmenu('refresh', true);
enable : $('select').selectmenu('enable');
disable : $('select').selectmenu('disable');
Textinput Methods
enable : $('input').textinput('enable');
disable : $('textarea').textinput('disable');
checkboxradio Methods
enable : $('input').checkboxradio('enable');
disable : $('input').checkboxradio('disable');
refresh : $('input').checkboxradio('refresh');
slider Methods
enable : $('input').slider('enable');
disable : $('input').slider('disable');
refresh : $('input').slider('refresh');
Form buttons Methods
enable : $('input').button('enable');
disable : $('input').button('disable');
Degraded Form Input Types
몇몇 HTML5의 input type들은 향상된 컨트롤로 변환된 후에 type=text or type=number의 형태로 degrade 됩니다. 예를 들어, range input 타입은 사용자 슬라이더 컨트롤로 향상되어지고, 자신의 타입은 사용할 양식입력을 제공하기 위해 number타입으로 설정됩니다. Search input타입은 테마 검색 스타일을 적용한 후에 type=text로 돌아가게 됩니다.
페이지 플러그인은 input type들의 리스트를 포함합니다. 이들은 각각 true(type=text로 바뀜), false(그대로 남음) 이거나 “number”와 같은 string(type=range와 같이)으로 셋팅됩니다.
여러분은 페이지 플러그인의 degradeinputs 옵션을 통해 type 설정을 변경할 수 있습니다.
$.mobile.page.prototype.options.degradeinputs을 통해 속성(color, date, datetime, “datatime-local”, email, month, number, range, search, tel, time, url and week)들을 조작할 수 있습니다. 물론 이것은 mobileinit로 감싸인 이벤트 핸들러 안에서 설정되어야 합니다. 그럼으로서, 이 설정은 서브페이지 뿐만 아니라 첫 페이지에도 적용이 됩니다.
Selectmenu Methods
open : $('select').selectmenu('open');
close : $('select').selectmenu('close');
refresh value : $('select').selectmenu('refresh');
refresh and force rebuild : $('select').selectmenu('refresh', true);
enable : $('select').selectmenu('enable');
disable : $('select').selectmenu('disable');
Textinput Methods
enable : $('input').textinput('enable');
disable : $('textarea').textinput('disable');
checkboxradio Methods
enable : $('input').checkboxradio('enable');
disable : $('input').checkboxradio('disable');
refresh : $('input').checkboxradio('refresh');
slider Methods
enable : $('input').slider('enable');
disable : $('input').slider('disable');
refresh : $('input').slider('refresh');
Form buttons Methods
enable : $('input').button('enable');
disable : $('input').button('disable');
Degraded Form Input Types
몇몇 HTML5의 input type들은 향상된 컨트롤로 변환된 후에 type=text or type=number의 형태로 degrade 됩니다. 예를 들어, range input 타입은 사용자 슬라이더 컨트롤로 향상되어지고, 자신의 타입은 사용할 양식입력을 제공하기 위해 number타입으로 설정됩니다. Search input타입은 테마 검색 스타일을 적용한 후에 type=text로 돌아가게 됩니다.
페이지 플러그인은 input type들의 리스트를 포함합니다. 이들은 각각 true(type=text로 바뀜), false(그대로 남음) 이거나 “number”와 같은 string(type=range와 같이)으로 셋팅됩니다.
여러분은 페이지 플러그인의 degradeinputs 옵션을 통해 type 설정을 변경할 수 있습니다.
$.mobile.page.prototype.options.degradeinputs을 통해 속성(color, date, datetime, “datatime-local”, email, month, number, range, search, tel, time, url and week)들을 조작할 수 있습니다. 물론 이것은 mobileinit로 감싸인 이벤트 핸들러 안에서 설정되어야 합니다. 그럼으로서, 이 설정은 서브페이지 뿐만 아니라 첫 페이지에도 적용이 됩니다.
'----- IT ----- > jQuery Moblie' 카테고리의 다른 글
jQuery Mobile Beta 1 Released (0) | 2011.06.22 |
---|---|
jQuery Mobile - Datepicker(데이타 픽커) (0) | 2011.06.17 |
jQuery Mobile - Ajax Form Submission(폼 전송) (0) | 2011.06.14 |
jQuery Mobile - Native form elements & buttons(네이티브 요소와 버튼) (0) | 2011.06.13 |
jQuery Mobile - Form themes(폼 테마) (0) | 2011.06.10 |
댓글