5

SlickGridコードにあるすべての例で、データ配列はクライアント側でランダムに生成されています。

取得: PHP を使用して MySQL データベースからこの情報をフェッチし、jQuery / AJAX を使用して SlickGrid に返す方法を知る必要があります。

保存:非表示の入力 ( SlickGrid での変更の保存)を使用してグリッドからデータを保存するための StackOverflow のリンクを既に見つけましたが、PHP スクリプトに到達するときにこのデータをどのように処理する必要があるかは明確ではありません。

いくつかの詳細なヘルプおよび/またはポインターをいただければ幸いです。私は初心者であり、この素晴らしいプラグインに関する適切なドキュメントが見つかりませんでした。

4

1 に答える 1

8

SlickGrid は、テーブルを作成するためにデータの配列を必要とします。これを PHP で文字列として作成し、SlickGrid を作成するときに JavaScript で使用できます。

ご注意ください; これは迅速で、汚れていて、テストされていません!

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>
于 2010-09-23T09:21:07.720 に答える