Пожалуйста, во всех примерах, найденных в коде SlickGrid , массив данных был случайно сформирован на стороне клиента.
Получение: мне нужно знать, как использовать PHP для извлечения этой информации из базы данных MySQL и вернуть ее с помощью jQuery / AJAX в SlickGrid.
Сохранение: я уже нашел ссылку на StackOverflow для сохранения данных из сетки с помощью скрытого ввода ( сохранение изменений в SlickGrid ), но не совсем ясно, как я должен обрабатывать эти данные при доступе к скрипту PHP.
Некоторая подробная помощь и / или указатели будут оценены, я скорее noob, и я не нашел адекватной документации по этому удивительному плагину.
Для заполнения таблицы SlickGrid требуется массив данных. Вы можете создать это как строку в PHP и использовать ее в своем JavaScript при создании SlickGrid.
Пожалуйста, обратите внимание; это быстро, грязно и непроверено!
PHP
$data = ''; $i = 0; $query = " SELECT `title`, `duration`, `percentComplete`, `start`, `finish`, `effortDriven` FROM `myTable` "; $result = mysql_query($query); while($row = mysql_fetch_array($result, MYSQL_ASSOC)){ $data .= ' data['.$i.'] = { title: "'.$row['title'].'", duration: "'.$row['duration'].'", percentComplete: "'.$row['percentComplete'].'", start: "'.$row['start'].'", finish: "'.$row['finish'].'", effortDriven: "'.$row['percentComplete'].'" }; '; $i++; }
JavaScript
<script type="text/javascript"> var grid; var columns = [ {id:"title", name:"Title", field:"title"}, {id:"duration", name:"Duration", field:"duration"}, {id:"%", name:"% Complete", field:"percentComplete"}, {id:"start", name:"Start", field:"start"}, {id:"finish", name:"Finish", field:"finish"}, {id:"effort-driven", name:"Effort Driven", field:"effortDriven"} ]; var options = { enableCellNavigation: false, enableColumnReorder: false }; $(function() { var data = []; <?php echo $data; ?> //This is where we echo the PHP variable $data which contains our JavaScript array as a string. grid = new Slick.Grid($("#myGrid"), data, columns, options); }) </script>