1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
|
<link rel="stylesheet" type="text/css" media="screen" href/js/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href/js/jqgrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="</js/jqgrid/plugins/ui.multiselect.css" />
<script src="/js/jqgrid/js/i18n/grid.locale-fr.js" type="text/javascript"></script>
<script src="/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="/js/jqgrid/js/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/grid.common.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/grid.custom.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/grid.filter.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/jqDnR.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/jqModal.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/JsonXml.js" type="text/javascript"></script>
<script src="/js/jqgrid/src/grid.loader.js" type="text/javascript"></script>
<script type="text/javascript">
$("#jqgrid").jqGrid({
url: 'list',
datatype: 'xml',
mtype: 'POST',
colNames: ['Id','Name','Data'],
colModel :[
{name:'id', index:'id', sortable:true, search:true, stype:'text'},
{name:'name', index:'name', sortable:true, search:true, stype:'text'},
{name:'data', index:'data', sortable:true, search:true, stype:'text'},
],
pager: '#pager',
rowNum: 10,
rowList: [10,20,30],
sortname: 'id',
sortorder: 'asc',
viewrecords: true,
gridview: true,
caption: 'List'
});
$("#jqgrid").jqGrid(
'filterToolbar',
{autosearch: true,
stringResult: true,
groupOp: 'AND'
});
</script> |
Partager