PHP/MySQL के साथ jQuery SlickGrid का उपयोग कैसे करें (सर्वर डेटा लोड करें और परिवर्तन सहेजें)

तालिका को पॉप्युलेट करने के लिए SlickGrid को डेटा की एक सरणी की आवश्यकता होती है। आप इसे PHP में एक स्ट्रिंग के रूप में बना सकते हैं और जब आप अपना स्लिकग्रिड बनाते हैं तो इसे अपने जावास्क्रिप्ट में उपयोग कर सकते हैं।

कृपया ध्यान दें; यह त्वरित, गंदा और परीक्षण नहीं किया गया है!

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++;
}

जावास्क्रिप्ट

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