JQuery Easyuiを使用したマスター/ディテールテーブル

Question

私はこのようなテーブルを2つ持っていますexample。 （easyuiデータグリッドを使用して作成）

私は、テーブルのマスターのリストをクリックすると、テーブルマスターから詳細を表示します。私はeasyuiサイトで読んだことがありますが、私は欲しいとは思っていません。私はチュートリアルでフレキグリッドを使ってそれを作成する方法を見つけるだけです。誰かが私にeasyuiのDataGridでそれをするための例を与えることができますか？

Answer 1

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

javascript関数を作成し、

<?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); 
?> 

をdetail.php