本文详细解析了 ExtJS 中面板组件的各种默认配置及其对应的 HTML 元素类和样式设置，包括 header、body 和 footer 等部分，并通过实例展示了不同配置项的效果。
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>
扫一扫
288
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
