简易ui动态树

时间:2018-07-26 15:28:07

标签: jquery json ajax jquery-easyui

我在项目中使用简单的ui树插件,目前我正在使用php加载树

<div id="dg" class="easyui-panel" style="padding:5px;"  >
                            <?php
                                $menu = array('items' => array(),'parents' => array());
                                foreach ($results as $items) {
                                    $menu['items'][$items['position']] = $items;
                                    $menu['parents'][$items['immediate_parent']][] = $items['position'];
                                }
                                function buildMenu($parent, $menu)
                                {                                    
                                    $html = "";
                                    if (isset($menu['parents'][$parent])) {
                                        $html .= "
                                            <ul class='easyui-tree' data-options='lines:true'>\n";
                                        foreach ($menu['parents'][$parent] as $itemId) {
                                            $pos_val = "\"" . $menu['items'][$itemId]['position'] . "\"";
                                            $checkval = $menu['items'][$itemId]['position'];
                                            if (!isset($menu['parents'][$itemId])) {

                                                $html .= "<li>\n " . ucfirst($menu['items'][$itemId]['Item']) . "" . "<a id='addnode$checkval'style='padding-left:5px;' onclick='addNode(" . $pos_val . ",\"" . $menu['items'][$itemId]['Item'] . "\");' 
                                                    href='javascript:void(0);' title='Add'><i class='fa fa-plus-square' style='color:#2DCB70'></i></a><a onclick='editNode(\"".$menu['items'][$itemId]['id']."\");' href='javascript:void(0);' title='Edit'>
                                                        <i class='fa fa-pencil-square-o'></i></a><a onclick='deleteNode(\"".$menu['items'][$itemId]['id']."\");' href='javascript:void(0);' title='Delete'>
                                                        <i class='fa fa-trash-o'></i></a>";
                                            }
                                            if (isset($menu['parents'][$itemId])) {
                                                $html .= "
                                                    <li><span>" . ucfirst($menu['items'][$itemId]['Item']) . "" . "<a style='padding-left:5px;' onclick='addNode(" . $pos_val . ",\"" . $menu['items'][$itemId]['Item'] . "\");' 
                                                    href='javascript:void(0);'><i class='fa fa-plus-square' style='color:#2DCB70'></i> </a></span>";
                                                $html .= buildMenu($itemId, $menu);
                                                $html .= "</li> \n";
                                            }
                                        }
                                        $html .= "</ul> \n";
                                    }
                                    return $html;
                                }

                                echo buildMenu(0, $menu);
                            ?>
                            </div>

这是我正在使用的代码。现在,我想将此树加载到ajax页面加载中,我不知道如何在ajax中嵌入此代码。

这是我正在使用的db结构

enter image description here

0 个答案:

没有答案