Master / Detail Table 与 JQuery Easyui
Master / Detail Table With JQuery Easyui
我有两个 table 这样的 example。 (使用 easyui datagrid 创建)
我想在单击 table 大师的列表时显示来自 table 大师的详细信息。我已经在 easyui 网站上阅读过,但我没有找到我想要的。我只找到如何使用 flexigrid 创建它的教程。谁能给我一个使用 easyui datagrid 的例子吗?
创建javascript函数
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);
?>
我有两个 table 这样的 example。 (使用 easyui datagrid 创建)
我想在单击 table 大师的列表时显示来自 table 大师的详细信息。我已经在 easyui 网站上阅读过,但我没有找到我想要的。我只找到如何使用 flexigrid 创建它的教程。谁能给我一个使用 easyui datagrid 的例子吗?
创建javascript函数
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);
?>