본문 바로가기
----- IT -----/jQuery Moblie

jQuery Mobile - Form Plugin Methods(폼 플러그인 메소드)

by 대소니 2011. 6. 16.
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로 감싸인 이벤트 핸들러 안에서 설정되어야 합니다. 그럼으로서, 이 설정은 서브페이지 뿐만 아니라 첫 페이지에도 적용이 됩니다.

댓글