Panel 面板 元件 上

2022-08-20 04:12:14 字數 2686 閱讀 8184

一. 載入方式

//class 載入方式

內容區域

//js 載入呼叫

$('#box').panel();

二. 屬性列表

//屬性設定

$('#box').panel(,

fit : true,

border : false,

dosize : true,

noheader : true,

content : '修改內容',

collapsible : true,

minimizable : true,

maximizable : true,

tools : '#tt',

tools : [,}

],collapsed : true,

minimized : true,

maximized : true,

closed : true,

href : 'content.php',

cache : false,

loadingmessage : '載入中...',

extractor : function (data) ,

});三.事件列表

});三.方法列表

//返回屬性物件

console.log($('#box').panel('options'));

//返回面板物件

console.log($('#box').panel('panel'));

//返回面板頭物件

console.log($('#box').panel('header'));

//返回面板主體物件

console.log($('#box').panel('body'));

//修改面板標題

$('#box').panel('settitle', '修改')

//跳過 onbeforeopen **函式

$('#box').panel('open', true);

//跳過 onbeforeclose **函式

$('#box').panel('close', true);

//跳過 onbeforedestroy **函式

$('#box').panel('close', true);

//重新整理當前內容

$('#box').panel('refresh');

//重新整理指定載入內容

$('#box').panel('refresh', 'content.php');

//設定面板的大小和布局

$('#box').panel('resize', );

//設定移動的座標

$('#box').panel('move', );

//設定面板最大化

$('#box').panel('maximize');

//設定面板最小化

$('#box').panel('minimize');

//設定恢復最大化面板到原始的大小和位置

$('#box').panel('restore');

//設定摺疊面板

$('#box').panel('collapse');

//設定展開面板

$('#box').panel('expand');

ps:我們可以使用$.fn.panel.defaults 重寫預設值物件。

$.fn.panel.defaults.border = false;

EasyUi常用元件(三)Panel 控制面板

1.使用標籤建立控制面板 使用標籤建立控制面板十分簡單,只須要對 標籤引用 easyui panel 類。1.5.panel content.6.panel content.7.2.使用指令碼建立控制面板 下面的 將建立乙個工具欄在右上方的控制面板。1.2.panel content.3.panel...

Confluence 面板(Panel)巨集

面板 panel 巨集用於在頁面中顯示文字塊,但是你可以對文字塊像文字框一樣定義格式。下面是使用面板巨集的示例 我的標題 乙個格式化後的內容面板。希望在頁面中使用面板巨集 開啟你希望編輯 confluence 頁面,然後單擊編輯 edit 按鈕。頁面的編輯模式將會被開啟。下一步,在編輯工具欄中單擊巨...

面板及布局系列之Panel

繼承結構圖 配置項 fielddefaults 引數型別 object 說明 統一設定表單字段預設屬性 labelseparator 引數型別 string 說明 分隔符 labelwidth 引數型別 number 說明 標籤寬度 labelpad 引數型別 說明 layout 引數型別 說明 例...