【问题标题】:Jquery and PHP hierarchy viewJquery 和 PHP 层次结构视图
【发布时间】:2017-06-07 12:53:37
【问题描述】:

美好的一天!

你能帮我构造一个jquery函数来输出下面的数组到类似于这个链接CSS Hierarchy Struture的视图吗?

结构“包含一个父元素和N个子元素。组件HTML结构由两个块组成:.hv-item-parent和.hv-item-children -wrapper for children”

structure in css - image

不太擅长前端开发。 提前谢谢!

PHP 脚本:

public function buildStructure($details=array(), $parentId = 0) {
  $build = array();
  foreach ($details as $dtl) {
      if ($dtl['parent_job_int_id'] == $parentId) {
          $children = $this->buildStructure($details, $dtl['child_job_int_id']);
          if ($children) 
              $dtl['children'] = $children;              
          $build[] = $dtl;
      }
  }
  return $build;
}

在数组中输出:

Array
(
    [child_id] => 6
    [parent_id] => 0
    [children] => Array
        (
            [0] => Array
                (
                    [child_id] => 7
                    [parent_id] => 6
                    [children] => Array
                        (
                            [0] => Array
                                (
                                    [child_id] => 18
                                    [parent_id] => 7
                                )

                        )

                )

            [1] => Array
                (
                    [child_id] => 11
                    [parent_id] => 6
                    [children] => Array
                        (
                            [0] => Array
                                (
                                    [child_id] => 40
                                    [parent_id] => 11
                                    [children] => Array
                                        (
                                            [0] => Array
                                                (
                                                    [child_id] => 73
                                                    [parent_id] => 40
                                                )

                                            [1] => Array
                                                (
                                                    [child_id] => 83
                                                    [parent_id] => 40
                                                    [children] => Array
                                                        (
                                                            [0] => Array
                                                                (
                                                                    [child_id] => 20
                                                                    [parent_id] => 83
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [1] => Array
                                (
                                    [child_id] => 49
                                    [parent_id] => 11
                                )

                        )

                )

        )

)
Array
(
    [child_id] => 26
    [parent_id] => 0
)   

为数组输出创建循环(查看与链接相同) ??

【问题讨论】:

标签: javascript php jquery hierarchy web-frontend


【解决方案1】:

您可以使用 orgchart 获取层次结构图这里是链接 https://github.com/dabeng/OrgChart

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多