Flexigrid 示例从 mysql 返回数据

Question

我确信这是可以做到的，我只需要看一些例子。我想使用flexigrid来显示存储在mysql中的大量数据。我精通 php，但对 jquery 和 json 比较陌生。

谁能指出我正确的方向或提供一个很好的例子？我需要了解如何将数据返回到 flexigrid json。

谢谢

关于这个主题的精彩教程

Answer 1

这只是返回数据库结果的部分代码，您可以使用 Flexigrid jquery 代码调用页面

        while ($row = mysql_fetch_assoc($results)) {
         $data['rows'][] = array(
                                  'id' => $row['pf_id'],
                                  'cell' => array(
                                               $row['cat_code'], 
                                               $row['cat_title'], 
                                               $row['cat_link'] = "<a href=\"catagory_edit.php?cat_id=".$row['cat_id']."\">Edit</a> | <a href=\"catagory_to_family_association.php?cat_id=".$row['cat_id']."\">Associate Familys</a> | <a href=\"category_child_order.php?cat_id=".$row['cat_id']."\">Order Children</a>")); }
echo json_encode($data);

使用 Flexigrid jquery 代码调用页面

$("#flex1").flexigrid({
            url: 'category_main_json.php',
                        dataType: 'json',
                        colModel : [
                            {display: 'Code', name : 'cat_code', width : 70, sortable : true, align: 'left'},
                            {display: 'Name', name : 'cat_title', width : 550, sortable : true, align: 'left'},
                            {display: 'Action', name : 'cat_link', width : 205, sortable : true, align: 'left'},
                            ],
                        buttons : [
                            {name: 'Add New Category', bclass: 'add', onpress : test},
                            {separator: true}
                            ],
                        searchitems : [
                            {display: 'Code', name : 'cat_code'},
                            {display: 'Name', name : 'cat_title', isdefault: true}
                            ],
                        sortname: "cat_code",
                        sortorder: "asc",
                        usepager: true,
                        useRp: true,
                        rp: 50,
                        showTableToggleBtn: false,
                        resizable: false,
                        width: 880,
                        height: 450,
                        singleSelect: true,
                        showTableToggleBtn: false

                    }
                );