Extjs panel 元素样式表

baseCls :defaults to 'x-panel'

Panel      Default  Default             Custom      Additional       Additional
Element    element  class               element     class            style

========   ==========================   =========   ==============   ===========

header     div      baseCls+'-header'   headerCfg   headerCssClass   headerStyle

bwrap      div      baseCls+'-bwrap'     bwrapCfg    bwrapCssClass    bwrapStyle

+ tbar     div      baseCls+'-tbar'       tbarCfg     tbarCssClass     tbarStyle

+ body     div      baseCls+'-body'       bodyCfg     bodyCssClass     bodyStyle

+ bbar     div      baseCls+'-bbar'       bbarCfg     bbarCssClass     bbarStyle

+ footer   div      baseCls+'-footer'   footerCfg   footerCssClass   footerStyle

baseCls :"content11",

<div id="ext-comp-1002" class="content11 ">
<div class="x-unselectable content11-header" id="ext-gen8" style="-moz-user-select: none;">
<span class="content11-header-text" id="ext-gen11">content11</span>
</div>
<div class="content11-bwrap" id="ext-gen9">
<div class="content11-body" id="ext-gen10">fdsaf</div>
</div>
</div>

headerCssClass :"content11",

<div id="ext-comp-1002" class="x-panel ">
<div class="x-unselectable content11 x-panel-header" id="ext-gen8" style="-moz-user-select: none;">
<span class="x-panel-header-text" id="ext-gen11">content11</span>
</div>
<div class="x-panel-bwrap" id="ext-gen9">
<div class="x-panel-body" id="ext-gen10">fdsaf</div>
</div>
</div>