1

我想在 LI 中的 ListItem 类型上添加 Icon，如何在运行时以编程方式添加它。

<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 中显示图标。

4

1 回答 1

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);
    });        
});
于 2013-02-06T14:41:01.087 回答