| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html lang="en"> |
| <head> |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| <title>Google Summer of Code</title> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/global.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css" /> |
| <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> |
| |
| <!-- |
| //////////////////////// |
| BEGIN CUSTOM SCRIPTS |
| //////////////////////// |
| --> |
| <!-- |
| jQuery 1.4.2 |
| --> |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> |
| |
| <!-- |
| jQuery UI 1.8.9 |
| --> |
| <script src="js/jquery-ui-1.8.9.custom.min.js" type="text/javascript"></script> |
| |
| |
| <!-- |
| jqGrid |
| --> |
| <script src="js/grid.locale-en.js" type="text/javascript"></script> |
| <script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> |
| <script type="text/javascript"> |
| |
| jQuery(document).ready(function() { |
| jQuery("#list4").jqGrid({ |
| datatype: "local", |
| height: 250, |
| colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], |
| colModel:[ |
| {name:'id',index:'id', width:60, sorttype:"int"}, |
| {name:'invdate',index:'invdate', width:90, sorttype:"date"}, |
| {name:'name',index:'name', width:100}, |
| {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"}, |
| {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"}, |
| {name:'total',index:'total', width:80,align:"right",sorttype:"float"}, |
| {name:'note',index:'note', width:150, sortable:false} |
| ], |
| multiselect: true, |
| caption: "Manipulating Array Data" |
| }); |
| var mydata = [ |
| {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, |
| {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, |
| {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, |
| {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, |
| {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, |
| {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}, |
| {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, |
| {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"}, |
| {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"} |
| ]; |
| for(var i=0;i<=mydata.length;i++) |
| jQuery("#list4").jqGrid('addRowData',i+1,mydata[i]); |
| }) |
| |
| </script> |
| <!-- |
| //////////////////////// |
| END CUSTOM SCRIPTS |
| //////////////////////// |
| --> |
| |
| </head> |
| <body> |
| |
| <!-- |
| //////////////////////// |
| BEGIN DEFAULT HEADER |
| //////////////////////// |
| --> |
| <div id="bg"> |
| <div id="page-header"> |
| <div class="container_12"> |
| <div class="grid_12"> |
| <a href="homepage.html"><img src="images/logo-banner.jpg" height="156" width="924" alt="Google Summer of Code" /></a> |
| </div> |
| </div> |
| </div> |
| <!-- .page-header --> |
| <!-- |
| //////////////////////// |
| END DEFAULT HEADER |
| //////////////////////// |
| --> |
| |
| <!-- |
| //////////////////////// |
| BEGIN MAIN CONTENT |
| //////////////////////// |
| --> |
| <div id="main"> |
| <div class="container_12"> |
| |
| <!-- |
| //////////////////////// |
| BEGIN SITE MENU |
| //////////////////////// |
| --> |
| <div id="main-menu" class="grid_3"> |
| <ul id="main-menu-list"> |
| <li id="menu-login"><a href="javascript:void(0)">Login</a></li> |
| <li id="menu-about"><a href="javascript:void(0)">About</a></li> |
| <li id="menu-apply" class="parent"><a href="javascript:void(0)">Apply</a></li> |
| <li id="menu-projects"><a href="search.html">Current & Past Projects</a></li> |
| <li id="menu-events"><a href="javascript:void(0)">Events & Timeline</a></li> |
| <li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li> |
| <li id="menu-help"><a href="javascript:void(0)">Help</a></li> |
| </ul> |
| </div> |
| <!-- .grid_3 --> |
| <!-- |
| //////////////////////// |
| END SITE MENU |
| //////////////////////// |
| --> |
| |
| <!-- |
| //////////////////////// |
| BEGIN PAGE CONTENT |
| //////////////////////// |
| --> |
| <div class="grid_9"> |
| |
| <div class="content"> |
| |
| <h1 id="main-page-title">jqGrid</h1> |
| |
| <table id="list4"></table> |
| |
| </div> |
| <!-- .content --> |
| </div> |
| <!-- .grid_9 --> |
| <!-- |
| //////////////////////// |
| END PAGE CONTENT |
| //////////////////////// |
| --> |
| |
| </div> |
| <!-- .container_12 --> |
| </div> |
| <!-- .main --> |
| <!-- |
| //////////////////////// |
| END MAIN CONTENT |
| //////////////////////// |
| --> |
| |
| <!-- |
| //////////////////////// |
| BEGIN DEFAULT FOOTER |
| //////////////////////// |
| --> |
| <div id="footer"> |
| <div class="container_12"> |
| <div class="grid_3"> </div> |
| <!-- .grid_3 --> |
| <div class="grid_9"> |
| <div class="footer-menu"> |
| <ul id="footer-menu-list"> |
| <li id="footer-menu-about"><a href="javascript:void(0)">About</a></li> |
| <li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li> |
| <li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li> |
| <li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li> |
| <li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li> |
| <li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li> |
| <li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li> |
| <li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li> |
| </ul> |
| </div> |
| <div class="footer-meta"> |
| <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a> |
| </div> |
| </div> |
| <!-- .grid_9 --> |
| </div> |
| <!-- .container_12 --> |
| </div> |
| <!-- .footer --> |
| </div> |
| <!-- #bg --> |
| <!-- |
| //////////////////////// |
| END DEFAULT FOOTER |
| //////////////////////// |
| --> |
| |
| </body> |
| </html> |
