<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css" /> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/Grid.css" /> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/grid/resources/claroGrid.css" /> </head> <body class="claro"> <div style="width: 600px; height: 200px"> <table id="billsGrid" dojoType="dojox.grid.DataGrid"> <thead> <tr> </tr> </thead> </table> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo..js"
djConfig="parseOnLoad:true"></script> <script type="text/javascript"> dojo.require("dojox.grid.DataGrid"); dojo.require("dojo.data.ItemFileReadStore"); </script> <script type="text/javascript"> dojo.ready(function() { var theGreatestTeamOfAllTime = { items: [ { "number":"12", "name":"Jim Kelly", "position":"QB", "victories":"0" }, { "number":"34", "name":"Thurman Thomas", "position":"RB", "victories":"0" }, { "number":"89", "name":"Steve Tasker", "position":"WR", "victories":"0" }, { "number":"78", "name":"Bruce Smith", "position":"DE", "victories":"0" } ], identifier: "number" }; var dataStore = new dojo.data.ItemFileReadStore( { data:theGreatestTeamOfAllTime } ); var grid = dijit.byId("billsGrid"); grid.setStore(dataStore); }); </script> </body> </html>
W jaki sposób zmienić kod aby do grid'a pobierał dane z bazy? Znalazłem jakieś informacje, że za pomocą json ale bez szczegołów. Prosze o pomoc.
ok, poradziłem sobie -> dla zainteresowanych:
$query = "SELECT * FROM json"; $arr[] = $row; } $jsonStr = json_encode($arr);
zmienną $jsonStr wrzucam do:
var theGreatestTeamOfAllTime = { items: <?php echo json_encode($arr);?>, identifier: "number" };