在使用easyui-panel中,如果div中没有指定title属性,即使指定了iconCls="icon-save"
collapsible="true" minimizable="true" maximizable=true closable="true"等属性,也不会起作用的,看不见按钮的。
没有title的html代码如下:
<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
iconCls="icon-save"
collapsible="true" minimizable="true"
maximizable=true closable="true">
<p>panel</p>
<p>panel</p>
<p>panel</p>
</div>
效果图如下:

如果加了title属性那些定义的按钮就显示了。
html的代码为:
<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
title="标题" iconCls="icon-save"
collapsible="true" minimizable="true"
maximizable=true closable="true">
<p>panel</p>
<p>panel</p>
<p>panel</p>
</div>
效果图为:

出现这个问题是因为源码里边的判断中的条件决定的
//如果有标题且包含表头
if (opts.title && !opts.noheader){
满足了title && !opts.noheader条件才初始化标题栏。
不知道这是不是bug,希望朋友这种情况的朋友,知道为什么就可以了。
本文介绍了在使用EasyUI的Panel组件时,如何确保面板上的操作按钮(如折叠、最小化等)正确显示的方法。指出必须为div元素设置title属性才能使这些功能生效。
3892

被折叠的 条评论
为什么被折叠?



