Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-04 20:54:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Converted textinput plugin to use widget factory. Also added enable and disable methods. Fixes #369

Browse source
This commit is contained in:
scottjehl 2010-11-04 21:32:13 -04:00
parent f29b85a149
commit ffa682cbfe
2 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
js/jquery.mobile.forms.textinput.js
View file

@ -1,18 +1,17 @@
/*
* jQuery Mobile Framework : "customTextInput" plugin for text inputs, textareas (based on code from Filament Group,Inc)
* jQuery Mobile Framework : "textinput" plugin for text inputs, textareas (based on code from Filament Group,Inc)
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Note: Code is in draft form and is subject to change
*/
(function($){
jQuery.fn.customTextInput = function(options){
return $(this).each(function(){
var input = $(this);
var o = $.extend({
search: input.is('[type="search"],[data-type="search"]'),
theme: input.data("theme") || "c"
}, options);
(function ( $ ) {
$.widget( "mobile.textinput", $.mobile.widget, {
options: {
theme: "c",
},
_create: function(){
var input = this.element,
o = this.options;
$('label[for='+input.attr('id')+']').addClass('ui-input-text');
@ -21,7 +20,7 @@ jQuery.fn.customTextInput = function(options){
var focusedEl = input;
//"search" input widget
if(o.search){
if( input.is('[type="search"],[data-type="search"]') ){
focusedEl = input.wrap('<div class="ui-input-search ui-shadow-inset ui-btn-corner-all ui-body-c ui-btn-shadow ui-icon-search"></div>').parent();
var clearbtn = $('<a href="#" class="ui-input-clear" title="clear text">clear text</a>')
.click(function(){
@ -74,6 +73,14 @@ jQuery.fn.customTextInput = function(options){
keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer );
});
}
});
};
})(jQuery);
},
disable: function(){
( this.element.attr("disabled",true).is('[type="search"],[data-type="search"]') ? this.element.parent() : this.element ).addClass("ui-disabled");
},
enable: function(){
( this.element.attr("disabled", false).is('[type="search"],[data-type="search"]') ? this.element.parent() : this.element ).removeClass("ui-disabled");
}
});
})( jQuery );

2
js/jquery.mobile.page.js
View file

@ -136,7 +136,7 @@ jQuery.widget( "mobile.page", jQuery.mobile.widget, {
this.element
.find( "input, textarea" )
.not( "[type='radio'], [type='checkbox'], button, [type='button'], [type='submit'], [type='reset'], [type='image']" )
.customTextInput();
.textinput();
this.element
.find( "input, select" )