首页 教程 API文档

面板组件

2015-10-29 16:43:40

属性


父模块 widget
依赖组件 MenuBar, ToolBar
Demo地址 Panel

描述


面板组件.

面板组件图片

成员列表


方法名称 成员类型 描述
title public 面板标题
collapsible public 面板是否可折叠的
clientPadding public 客户区padding值
titleText public 标题栏文本内容
titleIcon public 标题栏图标设置
titleIconClass public 标题栏图标类名设置
url public 面板客户区内容url地址
html public 面板客户区html内容
iframe public 面板客户区iframe url地址
layout public 面板客户区layout组件
menuBar public 面板菜单栏
toolBar public 面板工具栏
collapsed public 面板折叠状态
titleButtons public 面板标题栏按钮
insertTitleButtonBefore public 在指定标题栏按钮之前插入按钮
insertTitleButtonAfter public 在指定标题栏按钮之后插入按钮
appendTitleButton public 追加标题栏按钮

参数选项


名称 类型 默认值 描述
defaultClass String StdUI_Panel 面板的模板class名称
level Number 4 面板的布局等级
width Number 300 默认的宽度
Height Number 200 默认的高度
minWidth Number 70 最小宽度
minHeight Number 50 最小高度
title String Panel 标题文字
menuBar Object null 菜单栏对象
toolBar Object null 工具栏对象
titleIcon String null 标题栏图标地址
titleIconClass String null 标题栏图标的css class名称
titleHeight Number 22 标题栏高度
titleButtons Object null 默认的标题栏按钮
clientPadding Number 8 客户区的边距值
collapsible Boolean false 是否可以被折叠的
collapsed Boolean false 是否为折叠状态

事件


名称 回调参数 描述
titleButtonClick

1. 按钮名称

2. Panel实例对象

当标题栏按钮被点击时候,titleButtonClick事件会被触发

相关例子



Std.ui("Panel",{
    renderTo:"body",
    title:"panel2",
    collapsible:true,
    toolBar:{
        items:[
            {
                icon:"images/play.png",
                text:"refresh",
                press:function(){

                }
            }
        ]
    },
    html:"html content"
});