Aggiornamento e inizializzazione automatica degli elementi del modulo

In questo capitolo studieremo come aggiornare l'elemento del modulo e prevenire l'inizializzazione automatica degli elementi del modulo.

Aggiornare gli elementi del modulo

Il metodo di aggiornamento viene utilizzato per aggiornare il nuovo stato del controllo del modulo da solo e aggiorna il controllo del modulo con JavaScript. I seguenti frammenti di codice vengono utilizzati per diversi elementi del modulo:

Caselle di controllo

$( "input[type = 'checkbox']" ).prop( "checked", true ).checkboxradio( "refresh" );

Radio

$( "input[type = 'radio']" ).prop( "checked", true ).checkboxradio( "refresh" );

Seleziona

var myselect  =  $( "#selectfoo" );
myselect[0].selectedIndex = 3;
myselect.selectmenu( "refresh" );

Sliders

$( "input[type = 'range']" ).val( 60 ).slider( "refresh" );

Interruttori di vibrazione

var myswitch = $( "#selectbar" );
myswitch[ 0 ].selectedIndex = 1;
myswitch.slider( "refresh" );

Impedire l'inizializzazione automatica degli elementi del modulo

Includi l'attributo data-role = "none"per modificare il selettore utilizzato per impedire l'autoinizializzazione. Legato aldata-role = "none" attributo con mobileinit evento per caricare la prima pagina insieme alle pagine successive.

<label for = "test">
<select id = "test" name = "test" data-role = "none">
   <option value = "Mumbai">Mumbai</option>
   <option value = "Pune">Pune</option>
   <option value = "Belgaum">Belgaum</option>
   <option value = "Chennai">Chennai</option>
   <option value = "Bangalore">Bangalore</option>
</select>

$( document ).bind( "mobileinit", function() {
   $.mobile.page.prototype.options.keepNative = "select, input.test, textarea.bar";
});