4

我有两个函数可以在我的网站上共同构建一个树视图列表。它基于递归,并允许构建具有无限数量节点的树视图。

但我不能让它折叠起来。例如:脚本应确定是否$_GET['node'] == $node_id显示(展开)块元素及其所有父元素,如果是,则显示(展开)块元素。所以,我需要将顶部的“显示”参数传递给根。

事情在$display$display2vars中。

  • 我有一个包含三列(id、parent_id、name)的经典数据库表。根节点没有填充 parent_id 字段。
  • hrefs 链接到只是一个 GET 参数。GET 参数表示节点号。

我只需要根据我选择的节点来使用这种折叠技术。

更新:好的,有一个完整且经过纯化的信息。我创建了一个 php 文件,使用一个只包含一个表的数据库。只是为了理解这个问题:

1 我使用 sqlite3 数据库格式。这是数据库转储:

        # sqlite3 目录.sqlite .dump
    PRAGMA foreign_keys=OFF;
    开始交易;
    创建表组(id INTEGER PRIMARY KEY NOT NULL,名称 TEXT,parent_id INTEGER);
    插入“组”值(1,'root1','');
    插入“组”值(2,'root2','');
    插入“组”值(3,'root3','');
    插入“组”值(4,'root4','');
    插入“组”值(5,'sub1',1);
    插入“组”值(6,'sub3',3);
    插入“组”值(7,'subsub1',5);
    插入“组”值(8,'subsubsub1',7);
    插入“组”值(9,'subb1',1);
    犯罪;

2 这是一个PHP文件,处理数据库。

<?php

$db = new SQLite3('catalog.sqlite');

function build_catalog($db){ //build roots and diggs for childnodes for every root in a loop
    //$content_root="<ul id='collapsedlist'>";
    $content_root = '';
    $roots = $db->query('SELECT * from groups WHERE parent_id="" OR parent_id is null');
    while($root = $roots->fetchArray()){
        list ($content,$display)=get_children_of_node($db,$root['id']); 
        $content_root .= "<li id='".$root['id']."' ><a href='/?node=".$root['id']."'>".$root['name']."</a>";
        $content_root .= $content;
        $content_root .= "</li>\n";
    }
    $content_root = "<ul id='collapsedlist'>".$content_root."</ul>\n";

    return $content_root;
}

function get_children_of_node($db,$node_id){
    if(!isset($content)) $content = '';
    $display = (isset($_GET['node']) && $_GET['node'] == $node_id)? "style='display:block'" : "style='display:none'";
    $query = $db->querySingle('SELECT count(*) from groups WHERE parent_id='.$node_id);
    if ($query > 0){
        //$content .= "<ul class='subcategories'>\n";
        $children = $db->query('SELECT * from groups WHERE parent_id =\''.$node_id.'\'');
        while ($child = $children->fetchArray()){
            list($content2,$display)=get_children_of_node($db,$child['id']);
            $content .= "<li id='".$child['id']."' ".$display.">";
            $content .= "<a href='/?node=".$child['id']."'>".$child['name']."</a>";
            $content .= $content2;
            $content .= "</li>\n";
        }
        $content = "<ul class='subcategories' ".$display.">".$content."</ul>\n";
    }
    return array($content,$display);
}


?>

这里的 php 文件以上面的纯 HTML 结尾。我在这里把它一个一个分开,因此编辑器不能一次解析 HTML+PHP 语法。但它是同一个 index.php 文件。HTML部分:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Collapsible Nested List</title>
    </head>
    <body>
        <div id="sidebar">
            <?=build_catalog($db);?>
        </div>
    </body>
    </html>
4

1 回答 1

3

这是您的问题的快速解决方案,保持相同的 HTML 只需用以下代码替换您的 PHP。

function get_children($db, $parent_id) {
    $res = $db->query("SELECT * FROM groups WHERE parent_id='$parent_id'");
    if (!$res) return array();

    $out = array();
    while ($row = $res->fetchArray(SQLITE3_ASSOC)) $out[$row['id']] = $row;
    return $out;
}

function get_parent_id($db, $node_id) {
    return $db->querySingle("SELECT parent_id FROM groups WHERE id='$node_id'");
}

function get_menu($db, $node_id) {
    $menu = get_children($db, $node_id);
    while (($parent_id = get_parent_id($db, $node_id)) !== null) {
        $temp = get_children($db, $parent_id);
        $temp[$node_id]['children'] = $menu;
        $menu = $temp;
        $node_id = $parent_id;
    }
    return $menu;
}

function build_html(array $menu) {
    $str = '';
    foreach ($menu as $id => $item) {
        $str .= sprintf('<li><a href="?node=%s">%s</a></li>', $id, $item['name']);
        if (isset($item['children']))
            $str .= build_html($item['children']);
    }
    return "<ul>$str</ul>";
}

function build_catalog($db) {
    $menu = get_menu($db, isset($_GET['node']) ? intval($_GET['node']) : '');
    return build_html($menu);
}

如果您的“组”表非常小,则可以真正优化此代码。一个想法是获取 $groups 数组中的所有记录并构建 parent_id 索引。这样,目录的构建就会容易得多。

于 2012-04-24T15:17:08.070 回答