jEasyUI 创建异步树形菜单的实现步骤

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css" rel="external nofollow" >
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

<div id="tree" class="easyui-tree" data-options="url:'get_data.php', method:'get', animate:true"></div>

<?php
header('Content-Type: application/json');
// 模拟数据
$data = [
    {id:1, text:'父节点 1', state:'closed', children: [
        {id:11, text:'子节点 1-1'},
        {id:12, text:'子节点 1-2'}
    ]},
    {id:2, text:'父节点 2', state:'closed', children: [
        {id:21, text:'子节点 2-1'},
        {id:22, text:'子节点 2-2'}
    ]}
];
echo json_encode($data);
?>

$(function() {
    $('#tree').tree({
        url: 'get_data.php',
        method: 'get',
        animate: true
    });
});