1

我正在尝试将一个正在工作的 PHP 函数重写为 javascript，因为我需要在浏览器端完成工作并将事件处理程序添加到我希望添加到我的页面的对象中。

该函数采用具有父子关系的节点数组，查看节点，然后查看其子节点，然后查看其子节点等（直到找到树的末尾）。

工作 PHP 函数：

//print nodes
function display_child_nodes($parent_id, $level) {
global $task_list, $index;
    if(isset($index[$parent_id]))
        {
            foreach ($index[$parent_id] as $id) {
                echo str_repeat("-", $level) . $task_list[$id]["title"] . "<br />";
                display_child_nodes($id, $level + 1);
            }
        }
}
display_child_nodes(0, 0);

PHP 函数的结果如下所示：

乙

-C

-D

--E

F

G

这是我尝试编写的 Javascript，但我怀疑在该函数中调用函数 show_child_nodes 表单不是正确的 JS ...

该函数正确生成第一个节点，但在尝试分析子节点时立即停止，因此我怀疑来自函数内部的调用是问题所在。

javascript 接收来自 php 脚本的 json 数组，它包含节点（任务）列表及其详细信息，以及 order_index 数组，其结构为 [parent_id1 => array[1,2,3], parent_id2 => [4 ,5], parent_id3 => [6,7,8]] 等等...如，每个 parent_id 都是一个键，其子 ID 作为值。

这是JSON：

{"tasks":{"2":{"id":"2","title":"Task 2","desc":"Task 2 description","parent_id":"0"},"6":{"id":"6","title":"Task 6","desc":"Task 6 description","parent_id":"0"},"1":{"id":"1","title":"Task 1","desc":"Task 1 description","parent_id":"2"},"3":{"id":"3","title":"Task 3","desc":"Task 3 description","parent_id":"1"},"4":{"id":"4","title":"Task 4","desc":"Task 4 description","parent_id":"1"},"5":{"id":"5","title":"Task 5","desc":"Task 5 description","parent_id":"3"}},"order_index":{"0":["2","6"],"2":["1"],"1":["3","4"],"3":["5"]}}


            $.getJSON("get_items_hierarchy.php",function(data,status){

                var order_index = data.order_index;
                var tasks = data.tasks;
                var output = [];

                function show_child_nodes(parent_id,level){
                    if(order_index[order_index[parent_id]])
                        {
                            $.each(order_index[parent_id],function(index,id){
                                var margin = level * 40;
                                output.push('<div style="float: left; clear: left; margin-left: ' + margin + 'px">' + tasks[id]['title'] + '</div> ');
                                show_child_nodes(id, level + 1);
                            });
                        }
                }
                show_child_nodes(0,0);

            $.each(output,function(index,line){
                $("#tasks").append(line);
            });

    });
4

2 回答 2

0

这似乎可以解决它。

演示： jsFiddle

更改此行：

if(order_index[order_index[parent_id]])

到：

if( order_index[parent_id] )
于 2013-02-13T06:35:34.913 回答
0

我看不出算法本身有什么问题，但以下部分可能是个问题：

$.each(output, function(index,line){
    $("#tasks").append(line);
});

此代码引用 的值output，但是：

  1. $.getJSON是异步的，所以值还没有准备好。

  2. 该变量只能从 AJAX 回调内部访问。

代码应该放在 AJAX 回调函数的末尾。

正如另一个答案所提到的，这种说法可能是错误的：

if (order_index[order_index[parent_id]])

这可能只是一个错字，但可能正确的代码是：

if (order_index[parent_id])
于 2013-02-13T07:01:11.817 回答