easyUI布局-panel面板

使用$.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)边框宽度的代码实例:
 
  1. <div class="easyui-panel" style="width:200px;height:100px"
  2. data-options="style:{borderWidth:2}">
  3. </div>
{}
fit boolean 当设置为 true 时,面板(panel)的尺寸就适应它的父容器。下面的实例演示了自动调整尺寸到它的父容器的最大内部尺寸的面板(panel)。
 
  1. <div style="width:200px;height:100px;padding:5px">
  2. <div class="easyui-panel" style="width:200px;height:100px"
  3. data-options="fit:true,border:false">
  4. Embedded Panel
  5. </div>
  6. </div>
false
border boolean 定义了是否显示面板(panel)的边框。 true
doSize boolean 如果设置为 true,创建时面板(panel)
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值