Мастер/Детальный стол с JQuery Easyui

Question

У меня есть два стола, как этот example. (Создано с easyui DataGrid)

Я хочу отображать детали из главной таблицы, когда я нажимаю на списке мастера таблицы. Я читал в easyui сайте, но я не нахожу, что хочу. Я только нахожу учебник, как создать его с помощью flexigrid. Может ли кто-нибудь дать мне пример, чтобы сделать это с easyui datagrid?

Answer 1

Создать функцию яваскрипта

function showDetail(){ 
     var row = $('#dg').datagrid('getSelected'); 
     if (row){ 
      $('#dgd').datagrid('reload',row); 
      url = 'detail.php?id='+row.id; 
     } 
    } 

И detail.php

<?php 
    $id = $_REQUEST['id']; 

    $page = isset($_POST['page']) ? intval($_POST['page']) : 1; 
    $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; 
    $offset = ($page-1)*$rows; 
    $result = array(); 

    include 'conn.php'; // Connection to database 

    $rs = mysql_query("select count(*) from product WHERE id='$id'"); 
    $row = mysql_fetch_row($rs); 
    $result["total"] = $row[0]; 
    $rs = mysql_query("select * from product WHERE id='$id' limit $offset,$rows"); 

    $items = array(); 
    while($row = mysql_fetch_object($rs)){ 
     array_push($items, $row); 
    } 
    $result["rows"] = $items; 

    echo json_encode($result); 
?>