Thursday, 15 April 2010

Programmatically add and remove icon in dojo -



Programmatically add and remove icon in dojo -

i want add together icon on listitem type in li, how add together @ run time programmatically.

<ul data-dojo-type="dojox.mobile.roundrectlist" class="resultlist"> <li data-dojo-type="dojox.mobile.listitem" data-dojo-props='moveto:"addapatientview", icon: "mbldombuttondarkbluecheck"'> <div class="listitemtitle">patient</div> <div class="listitemsubtitle">complete new patient profile</div> </li> </ul> require(["dojo/ready","dojox/mobile/parser", "dojox/mobile/icon"], function (ready, icon) { });;

code written jsfiddle may not display icon in jsfiddle.

i forked , updated fiddle. in fiddle, not parsing widgets.

the documentation uses stylesheet, added stylesheet. icon css class using not in css, changed it.

http://dojotoolkit.org/reference-guide/1.8/dojox/mobile/listitem.html

i demonstrated how programatically alter icon.

http://jsfiddle.net/cswing/l7pwt/

require(["dojo/ready","dijit/registry","dojox/mobile/parser", "dojox/mobile/icon", "dojox/mobile/roundrectlist", "dojox/mobile/listitem"], function (ready, registry, parser, icon) { ready(100, function(){ parser.parse(); // alter icon programatically in 5 seconds settimeout(function(){ var li = registry.byid("listitem"); li.set('icon', 'mbldombuttonredcircleminus'); }, 5000); }); });

dojo

No comments:

Post a Comment