diff options
| author | Felix Nagel <info@felixnagel.com> | 2012-12-19 00:20:12 +0100 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2012-12-19 00:20:12 +0100 |
| commit | 2ab514fcd6bfe5911a5bc6e10404089effb1b922 (patch) | |
| tree | 1b7b6d1755fb4d4e3a05d611bb8be3bf703fee42 /demos/selectmenu | |
| parent | 52fc8e3c709f4be1866f888838323a1bb80e1d6e (diff) | |
| download | jquery-ui-2ab514fcd6bfe5911a5bc6e10404089effb1b922.tar.gz jquery-ui-2ab514fcd6bfe5911a5bc6e10404089effb1b922.zip | |
Selectmenu: improved custom render demo CGL
Diffstat (limited to 'demos/selectmenu')
| -rw-r--r-- | demos/selectmenu/custom_render.html | 31 |
1 files changed, 19 insertions, 12 deletions
diff --git a/demos/selectmenu/custom_render.html b/demos/selectmenu/custom_render.html index e6efb12d1..1aa563d61 100644 --- a/demos/selectmenu/custom_render.html +++ b/demos/selectmenu/custom_render.html @@ -16,33 +16,40 @@ $.widget( "custom.iconselectmenu", $.ui.selectmenu, { _renderItem: function( ul, item ) { - var li = $( "<li />" ).data( "ui-selectmenu-item", item ); + var li = $( "<li>" ).data( "ui-selectmenu-item", item ), + element, + span; + if ( item.disabled ) { - li.addClass( 'ui-state-disabled' ).text( item.label ); + li.addClass( "ui-state-disabled" ).text( item.label ); } else { - el = item.element; - $( "<a />", { - html: icon = '<span style="' + el.attr("style") + '" class="ui-icon ' + el.attr("class") + '"></span>' + item.label, + element = item.element; + span = $( "<span>", { + style: element.attr( "style" ), + 'class': "ui-icon " + element.attr( "class" ) + }); + $( "<a>", { + text: item.label, href: '#' - }).appendTo( li ); + }).append( span ).appendTo( li ); } return li.appendTo( ul ); } }); - var files = $('select#files').iconselectmenu({ + var files = $( "select#files" ).iconselectmenu({ dropdown: false }); - files.iconselectmenu("menuWidget").addClass("ui-menu-icons"); + files.iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons" ); - var filesB = $('select#filesB').iconselectmenu({ + var filesB = $( "select#filesB" ).iconselectmenu({ dropdown: false }); - filesB.iconselectmenu("menuWidget").addClass("ui-menu-icons customicons"); + filesB.iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons customicons" ); - var peopleA = $('select#peopleA').iconselectmenu(); - peopleA.iconselectmenu("menuWidget").addClass("ui-menu-icons avatar"); + var peopleA = $( "select#peopleA" ).iconselectmenu(); + peopleA.iconselectmenu( "menuWidget").addClass( "ui-menu-icons avatar" ); }); </script> <style> |