Question

我想在LI中添加一個ListItem類型的圖標，如何以編程方式在運行時添加此圖標。

<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) { 
});; 

代碼被寫入JSfiddle它可能無法在顯示的jsfiddle圖標。

Answer 1

我分叉和更新你的小提琴。在你的小提琴中，你沒有解析小部件。

該文檔使用樣式表，所以我添加了樣式表。您使用的圖標css類不在該CSS中，所以我改變了它。

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

我還演示瞭如何以編程方式更改圖標。

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