jQuery EasyUI API 중국어 문서 - 패널 panel

jQuery EasyUI API 중국어 문서 - 패널 panel_jquery

WBOY

풀어 주다： 2016-05-16 18:01:30

원래의

1060명이 탐색했습니다.

은 기본값을 $.fn.panel.defaults로 재정의합니다.

사용 예
패널 생성
1. 마크업을 통해 패널 생성
마크업에서 패널을 생성하는 것이 더 쉽습니다.

태그에 'easyui-panel' 클래스를 추가합니다.

코드 복사 코드는 다음과 같습니다.

iconCls="icon-save" closable="true"
collapsible= "true" minimsible="true" maximsible=true>

패널 콘텐츠.

/div>

2. 프로그래밍 방식으로 패널 생성
오른쪽 상단에 도구 모음이 있는 패널을 생성해 보겠습니다. .

코드 복사 코드는 다음과 같습니다.

패널 콘텐츠.

>$( '#p').panel({
너비:500,
높이:150,
제목: '내 패널',
도구: [{
iconCls:'icon -add' ,
handler:function(){alert('new')}
},{
iconCls:'icon-save'
handler:function(){alert('save' )}
}]
})

패널 이동
'move' 메소드를 호출하여 패널을 새 위치로 이동합니다.

코드 복사 코드는 다음과 같습니다. $('#p').panel ('move',{

left:100,

top:100 
}) 

 
콘텐츠 로드
 ajax를 통해 패널 콘텐츠를 로드하고 다음과 같은 내용을 표시해 보겠습니다. 로딩 성공 정보입니다. 

코드 복사 코드는 다음과 같습니다. $('#p').panel ({

href:'content_url.php',

onLoad:function(){
alert('로드됨');
}
});

特性

名称

类型

说明

默认值

title

string

显示在Panel头部的标题文字。

null

iconCls

string

在Panel里显示一个16x16图标的CSS类。

null

width

number

设置Panel的宽度。

auto

height

number

设置Panel的高度。

auto

left

number

设置Panel的左边位置。

null

top

number

设置Panel的顶部位置。

null

cls

string

给Panel增加一个CSS类。

null

headerCls

string

给Panel头部增加一个CSS类。

null

bodyCls

string

给Panel身体增加一个CSS类。

null

style

object

给Panel增加自定义格式的样式。

{}

fit

boolean

当设为true时，Panel的尺寸就适应它的父容器。

false

border

boolean

定义了是否显示Panel的边框。

true

doSize

boolean

设置为true，创建时Panel就调整尺寸并做成布局。

true

noheader

boolean

要是设置为true，Panel的头部将不会被创建。

false

content

string

Panel身体的内容。

null

collapsible

boolean

定义了是否显示折叠按钮。

false

minimizable

boolean

定义了是否显示最小化按钮。

false

maximizable

boolean

定义了是否显示最大化按钮。

거짓

닫을 수 있음

부울