Примеры flexigrid, возвращающие данные из MySQL - PullRequest
1 голос
/ 17 июня 2011

Я уверен, что это можно сделать, мне просто нужно посмотреть несколько примеров. Я хочу использовать flexigrid, чтобы показать массивные наборы данных, хранящихся в mysql. Я опытный в php, но плохо знаком с jquery и json.

Кто-нибудь может указать мне правильное направление или привести хороший пример? Мне нужно посмотреть, как вернуть данные обратно в flexigrid json.

Спасибо

Отличный учебник по этой теме

1 Ответ

2 голосов
/ 17 июня 2011

Это только частичный код для возврата результатов вашей базы данных, вы бы назвали вашу страницу с кодом jquery flexigrid

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

, чтобы вызвать страницу с кодом jquery flexigrid

$("#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

                    }
                );
...