Ajout et suppression de l'icône par programme dans le dojo

Question

Je souhaite ajouter une icône sur un type ListItem qui se trouve dans LI, Comment l'ajouter par programmation à l'exécution.

<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 the new patient profile</div> 
    </li> 
</ul> 


require(["dojo/ready","dojox/mobile/parser", 
"dojox/mobile/Icon"], function (ready, Icon) { 
});; 

code est écrit JSfiddle il ne peut pas afficher l'icône dans jsFiddle.

Answer 1

J'ai fourchu et mis à jour votre violon. Dans ton violon, tu n'étais pas en train d'analyser les widgets.

La documentation utilise une feuille de style, j'ai donc ajouté la feuille de style. La classe css de l'icône que vous utilisiez n'était pas dans ce CSS, donc je l'ai changé.

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

J'ai aussi montré comment changer programatically l'icône.

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(); 

     // change the icon programatically in 5 seconds 
     setTimeout(function(){ 
      var li = registry.byId("listItem"); 
      li.set('icon', 'mblDomButtonRedCircleMinus'); 
     }, 5000); 
    });   
});