栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在PHP / MySQL中使用jQuery SlickGrid(加载服务器数据并保存更改)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在PHP / MySQL中使用jQuery SlickGrid(加载服务器数据并保存更改)

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>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436979.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号