Dojo按钮不在ContentPane内部呈现

问题描述：

我想在ContentPane中有一个按钮，但无法呈现它。我拥有相同的代码来显示ContentPane中的按钮以及正文中的所有内容。第一个没有得到渲染，第二个没有渲染，所以它没有显示正确的方式，也没有触发事件。按钮的代码是：Dojo按钮不在ContentPane内部呈现

<button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitIconTask', onClick:function(){ console.debug('clicked simple') }">Simple</button>

，代码：

<body class="claro"> 
    <button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'dijitIconTask', onClick:function(){ console.debug('clicked simple') }">Simple</button> 
    <div data-dojo-type="dijit/MenuBar"> 
     <div data-dojo-type="dijit/PopupMenuBarItem"> 
      <span>Sesión</span> 
      <div data-dojo-type="dijit/DropDownMenu"> 
       <div id="btnLogout" data-dojo-type="dijit/MenuItem" data-dojo-props="">Salir</div> 
      </div> 
     </div> 
    </div> 

    <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="borderContainer"> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'left'" style="width: 15%;" id="leftPane"> 
      <div data-dojo-type="dijit/layout/ContentPane"> 
       <input id="agentFilter"> 
      </div> 
      <div data-dojo-type="dijit/layout/ContentPane" id="peopleTreePane" style="height: 90%"> 
      </div> 
     </div> 
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'center'"> 
      <div id="appCenterTabContainer" data-dojo-type="dijit/layout/TabContainer" data-dojo-props="splitter:true, region:'center'"> 
       <div data-dojo-type="dojox/layout/ContentPane" title="Visitas" href="" id="visitasPanel"> 
        <div> 
        <button data-dojo-type="dijit/form/Button" 
         data-dojo-props="iconClass:'dijitIconTask', onClick:function(){ console.debug('clicked simple') }"> 
         Simple 
        </button> 
        </div> 
       </div> 
       <div data-dojo-type="dojox/layout/ContentPane" title="Logs" href="" id="logsPanel"> 
        <div id="gridLogs" class="appGrid" style="height: 20em;"></div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body>

感谢

答

它看起来像您的contentPane空href属性混淆Dojo的解析器。除非希望ContentPane从服务器加载其内容，否则不需要该属性。

<div data-dojo-type="dojox/layout/ContentPane" title="Visitas" href="" id="visitasPanel"> 
                  <!--^remove this -->

工作！它解决了。谢谢！ – Juanjo 2014-10-09 12:04:40

答

您只是缺少borderContainer小部件的高度样式属性。

干杯， kiuma

这不是，但无论如何，谢谢你;） – Juanjo 2014-10-10 12:39:31

Dojo按钮不在ContentPane内部呈现

相关推荐