1,介紹
分類控件允許用戶使用多面板,但在同一時間只會顯示一個。每個面板都支持展開和摺疊功能
點擊面板的標題 將會展開或摺疊面板主體
繼承關係 panel
2,屬性
屬性名 | 屬性值類型 | 描述 |
width | number | 寬度 |
height | number | 高度 |
border | boolean | 定義是否顯示門戶邊框 |
fit | boolean | 當該屬性爲true 設置門戶大小自適應父容器 |
selected | number | 設置初始化時默認選中的面板索引號 (索引從0開始) |
3,方法
方法名 | 參數類型 | 描述 |
panels | none | 獲取所有面板 |
getSelected | none | 獲取選中的面板 |
4,實例
<div id="accordionNew" class="easyui-accordion" style="width:300px;height:200px;" data-options="selected:0">
<div title="T1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px">1</div>
<div title="T2" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px">2</div>
<div title="T3" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px">3</div>
</div>
$(function () {
$("#accordionNew").accordion({
onSelect: function (title, index) {
console.info(title + " " + index);
var pp = $(this).accordion("getSelected");
if (title=="T2") {
pp.panel('refresh', 'T5-1.html');//調用refresh 刷新
}
}
});
});