jqgrid_exts/example.html at master · benjamingb/jqgrid_exts · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="/jquery/ui/css/flick/jquery-ui-1.8.14.custom.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="/jquery/ui.jqgrid.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/customer1/public/styles/main.css" media="screen" rel="stylesheet" type="text/css" />
</head>
    <body>

                <table id="products"></table>
<div id="pagerProducts"></div><script>

</script>

            </div>
        </di>

<script type="text/javascript" src="/jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery/ui/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="jquery/jqGrid/i18n/grid.locale-es.js"></script>
<script type="text/javascript" src="/jquery/jqGrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="/jquery/jquery.jqgrid.exts.js"></script>


<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
    var lastSel;
 $("#products").jqGrid({
	"url":"/customer1/public/test?jqGridDataformat=json",
	"datatype":"json",
	colNames:['Code','SKU','Name','Stock'],
colModel:[
{"name":"pd_id","index":"pd_id","width":"60","align":"center"},
{"name":"pd_sku","index":"pd_sku","width":"50","align":"center"},
{"name":"pd_name","index":"pd_name","width":"250"},
{"name":"pd_stock","index":"pd_stock","width":"50","align":"center","hidden":false}],
	"rowList":[
		10,
		20,
		30
	],
	"rowNum":15,
	"width":650,
	"height":"auto",
	"viewrecords":true,
	"rownumbers":true,
	"rownumWidth":30,
	"sortname":"pd_id",
	"sortorder":"asc",
	"editurl":"/customer1/public/test?jqGridDataformat=json",
	"caption":"Products",
	"multiselect":true,
	"pager":"pagerProducts",
	onSelectAll:function(rowid,status) {
                    //persist all checks
                    $(this).multiselect(rowid, status);
                },
        onSelectRow:function(rowid,status) {
                     //persist row check
                    $(this).multiselect(rowid, status);
                },
        loadComplete:function(data) {
                         //display multicheck selected
                        $(this).multiselectDisplay();
                },

});
$("#products").jqGrid("navGrid","#pagerProducts",{"edit":true,"add":false,"del":false});


});
//]]>

</script>

</body>
</html>