Google Chart: переход на другую страницу по нажатию на ссылку узла - PullRequest
Новая
       33

Google Chart: переход на другую страницу по нажатию на ссылку узла

0 голосов
/ 11 декабря 2018

Привет! Я использую Google организационные диаграммы для своего веб-приложения на Codeigniter- PHP / Mysql.Я загрузил узлы моего графика из базы данных MySQL.И текст в узлах выполнен в виде ссылок.Все хорошо до сих пор.Но теперь я хочу добавить href к ссылке, чтобы, когда пользователь щелкает ссылку, она переходила на страницу с подробностями, где отображаются подробности конкретного узла.Я знаю, для того, чтобы показать детали, должен быть Id узла для извлечения данных из базы данных.Итак, вот мой вопрос Как я могу добавить этот идентификатор в ссылку?

Есть ли способ сделать это?Кто-нибудь может мне помочь, пожалуйста.Вот мой код:

модель: 

public function getTreeMembersData()
{
    $this->db->select('E1.name AS memname,E2.name AS parentname,E3.name AS spouse');
    $this->db->from('tab_members AS E1');
    $this->db->join('tab_members AS E2', 'E2.member_id = E1.parent_id','left outer');
    $this->db->join('tab_members AS E3', 'E3.parent_id = E1.member_id AND E3.relation_id = 3','left outer');
    $this->db->where('E1.relation_id !=', 3);
    $query = $this->db->get();
    return $query->result();
}

Контроллер: 

public function membertree()
{
    if(isset($_SESSION['username']) || isset($_SESSION['userid']))
    {
        $page['pagename'] = "membertree";
        $data['msg'] = $this->session->flashdata('msg');
        $this->load->view('header',$page);
        $data['treedata'] = $this->Family_model->getTreeMembersData();
        $this->load->view('membertree',$data);
        $this->load->view('footer');
    }
    else
    {
        redirect('Auth/login');
    }
}

Вид: 

<script type="text/javascript">
    var url="<?php echo base_url();?>";
  google.charts.load('current', {packages:["orgchart"]});
  google.charts.setOnLoadCallback(drawChart);
    var data;
    var chart;

  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Name');
    data.addColumn('string', 'Parent');

      data.addRows([<?php 
          foreach($treedata as $d)
          {  
              $memname = $d->memname;
              $parent = $d->parentname;
              $spouse = $d->spouse;
              ?>
          [{v:'<?php echo $memname;?>', f:'<a><?php echo $memname;?><a><div><a><?php echo $spouse;?></a></div>'},'<?php echo $parent; ?>'],
        <?php
          }
      ?>]);
      var options = {
                 'width':250,
                 'height':600};
    // Create the chart.
    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
    // Draw the chart, setting the allowHtml option to true for the tooltips.
    chart.draw(data, {allowHtml:true});
      google.visualization.events.addListener(chart, 'select', selectHandler);

function selectHandler() {
  var selectedItem = chart.getSelection()[0];
if(selectedItem) {
    var name = data.getValue(selectedItem.row,0);
    alert(name);
 }
}
  }


  <div class="box">
    <div class="box-body">
            <div id="chart_div" class="chart"></div>
    </div>
   </div>

1 Ответ

0 голосов
/ 11 декабря 2018

если вы можете получить идентификатор из запроса,
вы можете добавить адрес на странице сведений в качестве параметра 'GET' в атрибуте href.

что-то вроде ... 

<a href="http://address.to/details.php?id=<?php echo $id_field;?>"><?php echo $memname;?><a>

как в строке данных ... 

[{v:'<?php echo $memname;?>', f:'<a href="http://address.to/details.php?id=<?php echo $id_field;?>"><?php echo $memname;?><a><div><a><?php echo $spouse;?></a></div>'},'<?php echo $parent; ?>'],
...