非非同期および非同期ロードをサポートするためにlayuiツリーテーブル

非非同期および非同期ロードをサポートするためにlayuiツリーテーブル。

倉庫住所：https://gitee.com/uniqid/

例を使用します。

<DIV CLASS = "UUI-adminの共通ボディUUI-BG-白"> 
    <テーブルID = "リスト"クラス= "layui-テーブルUUI管理者・テーブル"レイフィルタを= "リスト"> </ TABLE> 
</ DIV> 

<スクリプトタイプ= "text / htmlの" ID = "toolbarList"> 
    <DIV CLASS = "layui-BTN-コンテナ"> 
        <ボタンクラス= "layui-BTN layui-BTN-SM"レイイベントを=」 expandAll ">展开全部</ button>の
        <ボタンクラス=" layui-BTN layui-BTN-SM "レイイベント= "expandOne">展开一层</ button>の
        <ボタンクラス=" layui-BTN layui-btn- SM」レイイベント= "foldAll">折叠全部</ button>の
        <ボタンクラス= "layui-BTN layui-BTN-SM"レイイベント= "foldOne">折叠一层</ボタン> 
    </ div> 
</ SCRIPT> 

<SCRIPT> 
layui.config（{ 
    塩基： '/ UUI /ツリーテーブルレイ/モジュール/' 
}）{（伸びます。
    ツリーテーブル： 'ツリーテーブル/ツリーテーブルレイ' 
}）を使用する（[ 'ツリーテーブル']、関数（）{ 
    VARツリーテーブル= layui.treetable; 

    treetable.render（{ 
        treeColIndex：1、
        treeSpid：0、
        treeIdKey： 'コード'、
        treePidKey： 'Pコード'、
        treeIsLeafKey 'のisLeaf'、
        treeDefaultClose：偽、
        treeLinkage：偽、
        treeNodeAsync：真、
        elemは： '#list'、
        ツールバー： '#toolbarList'、
        URL： '/管理/地域'、
        メソッド'ポスト' 
        parseData：parseData、
        colsの：[[  
            {フィールド： 'ID'、タイトル： 'ID'、幅：80}
            、{フィールド： '名前'、タイトル：'名前」、幅：288} 
            、{フィールド： 'コード'、タイトル： '编码'、幅：168} 
            、{フィールド： '略称'、タイトル： '简称'、幅：100} 
            、{フィールド： 'のcreated_at'、タイトル： '添加时间'} 
        ]] 
    }）。

    treetable.on（ 'ツールバー（リスト）'、関数（OBJ）{ 
        IF（obj.event == 'expandOne'）{ 
            treetable.expandOne（ '＃リスト'）; 
        }そうでなければ（obj.event ==なら'expandAll' ）{ 
            treetable.expandAll（ '＃リスト'）; 
        }もしそうでなければ（obj.event == 'foldOne'）{ 
            treetable.foldOne（ '＃リスト'）; 
        }他{ 
            ツリーテーブル。
        } 
    }）。
}）;
</ SCRIPT>