]> git.proxmox.com Git - extjs.git/blame - extjs/examples/classic/grid/simjax-paging.html
add extjs 6.0.1 sources
[extjs.git] / extjs / examples / classic / grid / simjax-paging.html
CommitLineData
6527f429
DM
1<!DOCTYPE html>\r
2<html>\r
3<head>\r
4<meta http-equiv="X-UA-Compatible" content="IE=edge">\r
5<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">\r
7<title>SimPaging Grid Example</title>\r
8\r
9 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
10\r
11 <!-- GC -->\r
12\r
13\r
14 <script type="text/javascript" src="../shared/include-ext.js"></script>\r
15 <script type="text/javascript" src="../shared/options-toolbar.js"></script>\r
16\r
17 <!--\r
18 This script intercepts ajax/jsonp and provides canned data in response:\r
19 -->\r
20 <script type="text/javascript" src="simjax-paging.js"></script>\r
21\r
22 <!--\r
23 This is the same exact script code used for the real JSONP Paging Grid Example:\r
24 -->\r
25 <script type="text/javascript" src="paging.js"></script>\r
26\r
27 <style type="text/css">\r
28 .x-grid-cell-topic b {\r
29 display: block;\r
30 }\r
31 .x-grid-cell-topic .x-grid-cell-inner {\r
32 white-space: normal;\r
33 }\r
34 .x-grid-cell-topic a {\r
35 color: #385F95;\r
36 text-decoration: none;\r
37 }\r
38 .x-grid-cell-topic a:hover {\r
39 text-decoration:underline;\r
40 }\r
41 .x-grid-cell-topic .x-grid-cell-innerf {\r
42 padding: 5px;\r
43 }\r
44 .x-grid-rowbody {\r
45 padding: 0 5px 5px 5px;\r
46 }\r
47 </style>\r
48</head>\r
49<body>\r
50 <h1>Simulated JSONP Paging Grid Example</h1>\r
51 <p>This page demonstrates how to use simulated JSONP by including the exact same code\r
52 used by the real JSONP paging grid example after the simulation layer.</p>\r
53 <p>Note that the js is not minified so it is readable. See <a href="simjax-paging.js">simjax-paging.js</a>\r
54 and the unmodified example code <a href="paging.js">paging.js</a>.</p>\r
55 <div id="topic-grid"></div>\r
56</body>\r
57</html>\r