blob: 920d1f3a53baafbc5c41b4c5d316bfd9ff284a2f [file] [log] [blame]
<!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 &amp; Past Projects</a></li>
<li id="menu-events"><a href="javascript:void(0)">Events &amp; 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">&nbsp;</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>