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> |
