From f4b4de295eb1dec31f6bb53c25d1d13e2169987e Mon Sep 17 00:00:00 2001 From: Alex L Date: Wed, 11 Jul 2012 16:37:51 +0300 Subject: [PATCH 1/3] Added few new methods indexByValue(val) disableByValue(val) enableByValue(val) --- demos/selectmenu/methods.html | 39 +++++++++++++++++++++++++ ui/jquery.ui.selectmenu.js | 54 +++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) diff --git a/demos/selectmenu/methods.html b/demos/selectmenu/methods.html index d44581d8047..cf867bfcf9a 100644 --- a/demos/selectmenu/methods.html +++ b/demos/selectmenu/methods.html @@ -25,26 +25,60 @@ var speedA = $('select#speedA').selectmenu(); $("#index").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("index")); }); $("#indexNumber").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("index", 4)); }); $("#value").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("value")); }); $("#valueString").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("value", "Medium")); }); $("#valueNumber").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("value", 4)); }); $("#valueNumberAsString").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("value", "11")); }); $("#valueNonExisting").click(function(event){ + event.preventDefault(); console.log($('select#speedA').selectmenu("value", "test123")); }); + + // Alex L. + + $('#disableSlow').click(function(e){ + e.preventDefault(); + $('select#speedA').selectmenu('disableByValue', 'Slow'); + }); + + $('#disable11').click(function(e){ + e.preventDefault(); + $('select#speedA').selectmenu('disableByValue', '11'); + }); + + $('#disableEverythingButSlow').click(function(e){ + e.preventDefault(); + + $('select#speedA').selectmenu('enableByValue', 'Slow'); + + $('select#speedA').selectmenu('disableByValue', 'Slower'); + $('select#speedA').selectmenu('disableByValue', 'Medium'); + $('select#speedA').selectmenu('disableByValue', 'Fast'); + $('select#speedA').selectmenu('disableByValue', 'Faster'); + $('select#speedA').selectmenu('disableByValue', '11'); + }); + + + }); @@ -59,6 +93,11 @@ method value with paramater '4' (passed as number)
method value with paramater '11' (passed as string)
method value with paramater 'test123' (not existing value) +
+ Disable "Slow" option
+ Disable "Up to eleven" option
+ Disable everything but "Slow" +

"default popup" Style

diff --git a/ui/jquery.ui.selectmenu.js b/ui/jquery.ui.selectmenu.js index d878ec5c2bc..f76698cb201 100644 --- a/ui/jquery.ui.selectmenu.js +++ b/ui/jquery.ui.selectmenu.js @@ -803,6 +803,60 @@ $.widget("ui.selectmenu", { } }, + indexByValue: function(val) { + var idx = null; + this.element.find('option').each(function(i, opt){ + if ( opt.value == val ) { + idx = opt.index; + return false; + } + }); + return idx; + }, + + _isEnabled: function(idx) { + var self = this, + found = null; + + this.element.find('option').each(function(i, opt){ + if ( opt.index == idx ) { + found = !opt.disabled; + return false; + } + }); + return found; + }, + + disableByValue: function(val) { + var idx = this.indexByValue(val); + if ( idx !== null ) { + if ( this.index() == idx ) { + + if ( this._isEnabled(idx+1) ) { + this.index(idx+1); + } else if ( this._isEnabled(idx-1) ) { + this.index(idx-1); + } else { + this.disable(); + } + + } + this.disable(idx); + } + }, + + enableByValue: function(val) { + var idx = this.indexByValue(val); + if ( idx ) { + + if ( this.options.disabled ) { + this.enable(); + } + + this.enable(idx); + } + }, + value: function(newValue) { if (arguments.length) { this.element[0].value = newValue; From e2bf388bd42a91549c9f476e3ef9fd51d8992e76 Mon Sep 17 00:00:00 2001 From: Alex L Date: Wed, 11 Jul 2012 16:55:31 +0300 Subject: [PATCH 2/3] Added disableAll() and enableAll() methods --- demos/selectmenu/methods.html | 15 +++++++++++++-- ui/jquery.ui.selectmenu.js | 20 ++++++++++++++++++++ 2 files changed, 33 insertions(+), 2 deletions(-) diff --git a/demos/selectmenu/methods.html b/demos/selectmenu/methods.html index cf867bfcf9a..85c4dfaa8d4 100644 --- a/demos/selectmenu/methods.html +++ b/demos/selectmenu/methods.html @@ -77,7 +77,15 @@ $('select#speedA').selectmenu('disableByValue', '11'); }); - + $('#disableAll').click(function(e){ + e.preventDefault(); + $('select#speedA').selectmenu('disableAll'); + }); + + $('#enableAll').click(function(e){ + e.preventDefault(); + $('select#speedA').selectmenu('enableAll'); + }); }); @@ -96,7 +104,10 @@
Disable "Slow" option
Disable "Up to eleven" option
- Disable everything but "Slow" + Disable everything but "Slow"
+ Disable All
+ Enable All +

"default popup" Style

diff --git a/ui/jquery.ui.selectmenu.js b/ui/jquery.ui.selectmenu.js index f76698cb201..b15c74108dc 100644 --- a/ui/jquery.ui.selectmenu.js +++ b/ui/jquery.ui.selectmenu.js @@ -827,6 +827,26 @@ $.widget("ui.selectmenu", { return found; }, + disableAll: function() { + var self = this; + this.element.find('option').each(function(i, opt){ + if ( !opt.disabled ) { + self.disable(opt.index); + } + }); + this.disable(); + }, + + enableAll: function() { + var self = this; + if ( this.options.disabled ) { + this.enable(); + } + this.element.find('option').each(function(i, opt){ + self.enable(opt.index); + }); + }, + disableByValue: function(val) { var idx = this.indexByValue(val); if ( idx !== null ) { From 6b19249cc9a2ef3bf75be4e16dfb4aaf3373fe2e Mon Sep 17 00:00:00 2001 From: Alex L Date: Wed, 11 Jul 2012 17:36:11 +0300 Subject: [PATCH 3/3] added transferClasses option --- ui/jquery.ui.selectmenu.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/ui/jquery.ui.selectmenu.js b/ui/jquery.ui.selectmenu.js index b15c74108dc..acddf1d2cf5 100644 --- a/ui/jquery.ui.selectmenu.js +++ b/ui/jquery.ui.selectmenu.js @@ -29,6 +29,7 @@ $.widget("ui.selectmenu", { icons: null, format: null, escapeHtml: false, + transferClasses: true, bgImage: function() {} }, @@ -405,6 +406,12 @@ $.widget("ui.selectmenu", { .toggleClass( 'ui-icon-triangle-1-s', isDropDown ) .toggleClass( 'ui-icon-triangle-2-n-s', !isDropDown ); + // transfer classes to selectmenu and list + if ( o.transferClasses ) { + var transferClasses = this.element.attr( 'class' ) || ''; + this.newelement.add( this.list ).addClass( transferClasses ); + } + // set menu width to either menuWidth option value, width option value, or select width if ( o.style == 'dropdown' ) { this.list.width( o.menuWidth ? o.menuWidth : o.width );