当前位置: 代码迷 >> Web前端 >> panel中没title整个头不显示
  详细解决方案

panel中没title整个头不显示

热度:107   发布时间:2012-10-19 16:53:37.0
panel中没有title整个头不显示

?在使用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,希望朋友这种情况的朋友,知道为什么就可以了。

?

  相关解决方案