Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
wiki:first_grid [2012/03/05 20:32] delahelias |
wiki:first_grid [2013/05/27 10:01] olegk add X-UA-Compatible meta in head |
||
---|---|---|---|
Line 53: | Line 53: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<title>My First Grid</title> | <title>My First Grid</title> | ||
| | ||
Line 66: | Line 67: | ||
</style> | </style> | ||
- | <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> | + | <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> |
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> | <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script> | ||
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> | <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> | ||
Line 73: | Line 74: | ||
$(function(){ | $(function(){ | ||
$("#list").jqGrid({ | $("#list").jqGrid({ | ||
- | url:'example.php', | + | url: 'example.php', |
datatype: 'xml', | datatype: 'xml', | ||
mtype: 'GET', | mtype: 'GET', | ||
- | colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'], | + | colNames: ['Inv No', 'Date', 'Amount', 'Tax', 'Total', 'Notes'], |
colModel :[ | colModel :[ | ||
{name:'invid', index:'invid', width:55}, | {name:'invid', index:'invid', width:55}, | ||
Line 199: | Line 200: | ||
</note> | </note> | ||
- | Now it's time to construct the server side file that will facilitate the requests for data from jrGrid. | + | Now it's time to construct the server side file that will facilitate the requests for data from jqGrid. |
===== PHP and MySQL example file ===== | ===== PHP and MySQL example file ===== |