第9章 Panel(面板)组件1
需积分: 0 106 浏览量
2022-08-04
00:44:20
上传
评论
收藏 136KB PDF 举报
第 9 章 Panel(面板)组件
学习要点：
1.加载方式
2.属性列表
3.事件列表
4.方法列表
主讲教师：李炎恢
本课程由北风网和瓢城 Web 俱乐部提供
本节课重点了解 EasyUI 中 Panel(面板)组件的使用方法，这个组件不依赖于其他组件。
一．加载方式
//class 加载方式
<div class="easyui-panel" data-options="closable:true"
title="My Panel" style="width:500px;">
<p>内容区域</p>
</div>
//JS 加载调用
$('#box').panel({
width:500,
height:150,
title : '面板',
closable : true,
});
二．属性列表
Panel 属性
属性名 值 说明
id string
面板的 ID 值。默认为 null。
title string
面板显示的标题文本。默认为 null。
iconCls string
设置一个 16x16 图标的 CSS 类 ID 显示在面板左
上角。默认为 null。
width number
设置面板宽度。默认值 auto。
height number
设置面板高度。默认值 auto。
left number
设置面板距离左边的位置（即 X 轴位置）。默认为
null。
top number
设置面板距离顶部的位置（即 Y 轴位置）。默认为
蟹蛛
- 粉丝: 21
- 资源: 323
评论0