1

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にアイコンが表示されない場合があります。

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 に答える