JQueryEasyUI 組件 佈局 Accordion組件(分類)

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 刷新
                    }
                }
            });
        });


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章