easyUI布局-panel面板

最新推荐文章于 2022-07-21 00:39:06 发布

小太阳哇

最新推荐文章于 2022-07-21 00:39:06 发布

阅读量887

点赞数

分类专栏： easyUI学习

本文链接：https://blog.csdn.net/qq_39492374/article/details/86528036

版权

使用$.fn.panel.defaults重写默认值对象。

面板作为承载其它内容的容器。这是构建其他组件的基础（比如：layout,tabs,accordion等）。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。

名称	类型	描述	默认值
id	string	面板（panel）的 id 属性。	null
title	string	显示在面板（panel）头部的标题文字。	null
iconCls	string	在面板（panel）里显示一个 16x16 图标的 CSS class。	null
width	number	设置面板（panel）的宽度。	auto
height	number	设置面板（panel）的高度。	auto
left	number	设置面板（panel）的左边位置。	null
top	number	设置面板（panel）的顶部位置。	null
cls	string	给面板（panel）添加一个 CSS class。	null
headerCls	string	给面板（panel）头部添加一个 CSS class。	null
bodyCls	string	给面板（panel）主体添加一个 CSS class。	null
style	object	给面板（panel）添加自定义格式的样式。改变面板（panel）边框宽度的代码实例： <div class="easyui-panel" style="width:200px;height:100px" data-options="style:{borderWidth:2}"> </div>	{}
fit	boolean	当设置为 true 时，面板（panel）的尺寸就适应它的父容器。下面的实例演示了自动调整尺寸到它的父容器的最大内部尺寸的面板（panel）。 <div style="width:200px;height:100px;padding:5px"> <div class="easyui-panel" style="width:200px;height:100px" data-options="fit:true,border:false"> Embedded Panel </div> </div>	false
border	boolean	定义了是否显示面板（panel）的边框。	true
doSize	boolean	如果设置为 true，创建时面板（panel）

关注