使用JQuery Easyui的主/明细表

时间:2016-04-14 08:01:34

标签: jquery datagrid jquery-easyui

我有两张这样的表example。 (使用easyui datagrid创建)

enter image description here

当我点击表格主列表时,我想要从表格主页显示细节。我在easyui网站上看过,但我找不到我想要的东西。我只找到教程如何使用flexigrid创建它。任何人都可以举例说明使用easyui datagrid吗?

1 个答案:

答案 0 :(得分:1)

创建javascript函数

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

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