border container - Using BorderContainer inside TabContainer in dojo -
i need use bordercontainer inside tabcontainer in dojo. requirement have 3 different pane inside each of tab create. trying use bordercontainer inside tabcontainer seems not working. here trying.
a,b , c tabs trying create.inside using contentpane each of them , bordercontainer specify left,center , right region particular tab.
but not giving me output. please advise doing wrong here.
<div data-dojo-type="dijit/layout/tabcontainer" data-dojo-props="splitter:true, region:'top'"> <div data-dojo-type="dijit/layout/contentpane" title="a" selected="true" data-dojo-props="splitter:true"> <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false"> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab a</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab a</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab a</div> </div> </div> <div data-dojo-type="dijit/layout/contentpane" title="b" data-dojo-props="splitter:true"> <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false"> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab b</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab b</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab b</div> </div> </div> <div data-dojo-type="dijit/layout/contentpane" title="c" selected="true" data-dojo-props="splitter:true"> <div data-dojo-type="dijit/layout/bordercontainer" data-dojo-props="guuers:false"> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'left'">left pane of tab c</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'center'">center pane of tab c</div> <div data-dojo-type="dijit/layout/contentpane" data-dojo-props="splitter:true,region:'right'">right pane of tab c</div> </div> </div> </div>
your declarative markup correct, since can't see rest of code guess not calling require on tabcontainer, bordercontainer , contentpane. dojo needs bring in before can use them declaratively doing. need in javascript:
require([ "dojo/parser", "dijit/layout/bordercontainer", "dijit/layout/tabcontainer", "dijit/layout/contentpane" ]);
here pen shows code works, check see if pulling in modules require. http://codepen.io/kyledodge/pen/mwpmzm
the other thing check if dojoconfig set parseonload:
dojoconfig = { parseonload: true };
if not, you'll either need set that, or require dojo/parser , call parser.parse(). parser key using data-dojo-type attribute doing. here info may helpful:
http://dojotoolkit.org/reference-guide/1.10/dojo/parser.html
Comments
Post a Comment