library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Selectmenu: improved custom render demo CGL

Browse Source
This commit is contained in:
Felix Nagel 2012-12-19 00:20:12 +01:00
parent 52fc8e3c70
commit 2ab514fcd6
1 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
demos/selectmenu/custom_render.html
View File

@ -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>