单击dijit/layout/AccordionPane更新图像

Question

我是Dojo的新手，有一段代码，我想在用户选择accordion时更新图像。代码就是以这种格式编写的。

    <div data-dojo-type="dijit/layout/AccordionContainer" data-dojo-props="minSize:20, region:'leading', splitter:true" style="width: 300px;" selected="true" >
       <div data-dojo-type="dijit/layout/AccordionPane" title="<img src='./icons/system-run.png' border='0'/>&nbsp;Application" id="_application_AccordionPane">
                <div id="menuTree"></div>
       </div>
       <div data-dojo-type="dijit/layout/AccordionPane" title="<img src='./icons/help-about.png' border='0'/>&nbsp;Message" id="_message_AccordionPane" >
                <p id="_my_message"></p>
       </div>
    </div>

我使用dojo-release-1.16.3.jar，只是想在用户单击accordion时更新图像。提前感谢

Answer 1

我已经解决了这个问题，并为那些面临同样问题的人提供了这段代码，如下所示。

    <div class="custon" data-dojo-type="dijit/layout/AccordionContainer" data-dojo-props="minSize:20, region:'leading', splitter:true" style="width: 300px;" selected="true" >
        
        <div  data-dojo-type="dijit/layout/AccordionPane" title="<img src='./icons/system-run.svg' border='0' width='14px' height='14px'  />&nbsp;$&nbsp;&nbsp;{action.getText('IndexAction_applicationName')}" id="_application_AccordionPane">
        <script type="dojo/method" data-dojo-event="onHide" data-dojo-args="value">
            onHideApplication()     
        </script>
        <script type="dojo/method" data-dojo-event="onShow" >
            onActiveApplication()       
        </script>
            <div id="menuTree"></div>
        </div>
    </div>

在javascript中

<script type="text/javascript">

function onHideApplication()
{
    if(dijit.byId('_application_AccordionPane').selected)
    {
        dijit.byId("_application_AccordionPane").set("title", "<img src='./icons/system-run.svg' border='0' width='14px' height='14px' style='margin-right:10px;' />&nbsp;${action.getText('IndexAction_applicationName')}");
    }
    else
    {
        dijit.byId("_application_AccordionPane").set("title", "<img src='./icons-InActive/system-run.svg' border='0' width='14px' height='14px' style='margin-right:10px;' />&nbsp;${action.getText('IndexAction_applicationName')}");  
    }
    
}
function onActiveApplication()
{
    if(dijit.byId('_application_AccordionPane').selected)
    {
        dijit.byId("_application_AccordionPane").set("title", "<img src='./icons/system-run.svg' border='0' width='14px' height='14px' style='margin-right:10px;'  />&nbsp;${action.getText('IndexAction_applicationName')}");
    }
    else
    {
        dijit.byId("_application_AccordionPane").set("title", "<img src='./icons-InActive/system-run.svg' border='0' width='14px' height='14px' style='margin-right:10px;' />&nbsp;${action.getText('IndexAction_applicationName')}");  
    }
    
}
</script>