<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<link href="resources/jquery-ui/jquery-ui.css" rel="stylesheet"
type="text/css" />
<link href="resources/jqGrid/css/ui.jqgrid.css" rel="stylesheet"
type="text/css" />
<script src="resources/jqGrid/js/jquery-1.11.0.min.js"></script>
<script src="resources/jquery-ui/jquery-ui.js"></script>
<script src="resources/jqGrid/js/i18n/grid.locale-kr.js"></script>
<script src="resources/jqGrid/js/jquery.jqGrid.min.js"></script>
<body>
<table id="list1"></table>
<div id="pager1"></div>
<script type="text/javascript">
jQuery().ready(function (){
jQuery("#list1").jqGrid({
url:'hodu.xml',
datatype: "xml",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:75},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
],
rowNum:10,
autowidth: true,
rowList:[10,20,30],
pager: jQuery('#pager1'),
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"XML Example"
}).navGrid('#pager1',{edit:false,add:false,del:false});
});
</script>
</body>
</html>
