Skip to content

Commit f29b33e

Browse files
siarhei-arzamasausiarhei-arzamasau
authored
🎹 Pagination: Create Overview demo page. (jQuery version) (#28462)
Co-authored-by: Sergey Arzamasov <[email protected]>
1 parent 3eb9080 commit f29b33e

File tree

9 files changed

+185
-10
lines changed

9 files changed

+185
-10
lines changed

‎apps/demos/Demos/Pagination/Overview/React/App.tsx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import React from "react";
2+
import Pagination from "devextreme-react/pagination";
3+
import { customers } from "./data.ts";
4+
5+
const columns = ["CompanyName", "City", "State", "Phone", "Fax"];
6+
7+
const App = () => {
8+
return (
9+
<>
10+
<Pagination />
11+
</>
12+
);
13+
};
14+
15+
export default App;

‎apps/demos/Demos/Pagination/Overview/React/Text.js‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

apps/demos/Demos/Pagination/Overview/React/data.js renamed to apps/demos/Demos/Pagination/Overview/React/data.ts

File renamed without changes.

‎apps/demos/Demos/Pagination/Overview/React/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
1212
<script type="text/javascript" src="config.js"></script>
1313
<script type="text/javascript">
14-
System.import("./index.js");
14+
System.import("./index.tsx");
1515
</script>
1616
</head>
1717

‎apps/demos/Demos/Pagination/Overview/React/index.tsx‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
4+
import App from './App.tsx';
5+
6+
ReactDOM.render(
7+
<App />,
8+
document.getElementById('app'),
9+
);

apps/demos/Demos/Pagination/Overview/React/App.js renamed to apps/demos/Demos/Pagination/Overview/ReactJs/App.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import React from "react";
2-
import Text from "./Text.js";
32
import Pagination from "devextreme-react/pagination";
43
import { customers } from "./data.js";
54

@@ -9,7 +8,6 @@ const App = () => {
98
return (
109
<>
1110
<Pagination />
12-
<Text />
1311
</>
1412
);
1513
};

‎apps/demos/Demos/Pagination/Overview/ReactJs/data.js‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
export const customers = [{
2+
ID: 1,
3+
CompanyName: 'Super Mart of the West',
4+
Address: '702 SW 8th Street',
5+
City: 'Bentonville',
6+
State: 'Arkansas',
7+
Zipcode: 72716,
8+
Phone: '(800) 555-2797',
9+
Fax: '(800) 555-2171',
10+
Website: 'http://www.nowebsitesupermart.dx',
11+
}, {
12+
ID: 2,
13+
CompanyName: 'Electronics Depot',
14+
Address: '2455 Paces Ferry Road NW',
15+
City: 'Atlanta',
16+
State: 'Georgia',
17+
Zipcode: 30339,
18+
Phone: '(800) 595-3232',
19+
Fax: '(800) 595-3231',
20+
Website: 'http://www.nowebsitedepot.dx',
21+
}, {
22+
ID: 3,
23+
CompanyName: 'K&S Music',
24+
Address: '1000 Nicllet Mall',
25+
City: 'Minneapolis',
26+
State: 'Minnesota',
27+
Zipcode: 55403,
28+
Phone: '(612) 304-6073',
29+
Fax: '(612) 304-6074',
30+
Website: 'http://www.nowebsitemusic.dx',
31+
}, {
32+
ID: 4,
33+
CompanyName: "Tom's Club",
34+
Address: '999 Lake Drive',
35+
City: 'Issaquah',
36+
State: 'Washington',
37+
Zipcode: 98027,
38+
Phone: '(800) 955-2292',
39+
Fax: '(800) 955-2293',
40+
Website: 'http://www.nowebsitetomsclub.dx',
41+
}, {
42+
ID: 5,
43+
CompanyName: 'E-Mart',
44+
Address: '3333 Beverly Rd',
45+
City: 'Hoffman Estates',
46+
State: 'Illinois',
47+
Zipcode: 60179,
48+
Phone: '(847) 286-2500',
49+
Fax: '(847) 286-2501',
50+
Website: 'http://www.nowebsiteemart.dx',
51+
}, {
52+
ID: 6,
53+
CompanyName: 'Walters',
54+
Address: '200 Wilmot Rd',
55+
City: 'Deerfield',
56+
State: 'Illinois',
57+
Zipcode: 60015,
58+
Phone: '(847) 940-2500',
59+
Fax: '(847) 940-2501',
60+
Website: 'http://www.nowebsitewalters.dx',
61+
}, {
62+
ID: 7,
63+
CompanyName: 'StereoShack',
64+
Address: '400 Commerce S',
65+
City: 'Fort Worth',
66+
State: 'Texas',
67+
Zipcode: 76102,
68+
Phone: '(817) 820-0741',
69+
Fax: '(817) 820-0742',
70+
Website: 'http://www.nowebsiteshack.dx',
71+
}, {
72+
ID: 8,
73+
CompanyName: 'Circuit Town',
74+
Address: '2200 Kensington Court',
75+
City: 'Oak Brook',
76+
State: 'Illinois',
77+
Zipcode: 60523,
78+
Phone: '(800) 955-2929',
79+
Fax: '(800) 955-9392',
80+
Website: 'http://www.nowebsitecircuittown.dx',
81+
}, {
82+
ID: 9,
83+
CompanyName: 'Premier Buy',
84+
Address: '7601 Penn Avenue South',
85+
City: 'Richfield',
86+
State: 'Minnesota',
87+
Zipcode: 55423,
88+
Phone: '(612) 291-1000',
89+
Fax: '(612) 291-2001',
90+
Website: 'http://www.nowebsitepremierbuy.dx',
91+
}, {
92+
ID: 10,
93+
CompanyName: 'ElectrixMax',
94+
Address: '263 Shuman Blvd',
95+
City: 'Naperville',
96+
State: 'Illinois',
97+
Zipcode: 60563,
98+
Phone: '(630) 438-7800',
99+
Fax: '(630) 438-7801',
100+
Website: 'http://www.nowebsiteelectrixmax.dx',
101+
}, {
102+
ID: 11,
103+
CompanyName: 'Video Emporium',
104+
Address: '1201 Elm Street',
105+
City: 'Dallas',
106+
State: 'Texas',
107+
Zipcode: 75270,
108+
Phone: '(214) 854-3000',
109+
Fax: '(214) 854-3001',
110+
Website: 'http://www.nowebsitevideoemporium.dx',
111+
}, {
112+
ID: 12,
113+
CompanyName: 'Screen Shop',
114+
Address: '1000 Lowes Blvd',
115+
City: 'Mooresville',
116+
State: 'North Carolina',
117+
Zipcode: 28117,
118+
Phone: '(800) 445-6937',
119+
Fax: '(800) 445-6938',
120+
Website: 'http://www.nowebsitescreenshop.dx',
121+
}];

‎apps/demos/Demos/Pagination/Overview/ReactJs/index.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>DevExtreme Demo</title>
5+
<meta
6+
http-equiv="X-UA-Compatible"
7+
content="IE=edge"
8+
/>
9+
<meta
10+
http-equiv="Content-Type"
11+
content="text/html; charset=utf-8"
12+
/>
13+
<meta
14+
name="viewport"
15+
content="width=device-width, initial-scale=1.0, maximum-scale=5.0"
16+
/>
17+
<link
18+
rel="stylesheet"
19+
type="text/css"
20+
href="../../../../node_modules/devextreme-dist/css/dx.light.css"
21+
/>
22+
23+
<script src="../../../../node_modules/core-js/client/shim.min.js"></script>
24+
<script src="../../../../node_modules/systemjs/dist/system.js"></script>
25+
<script
26+
type="text/javascript"
27+
src="config.js"
28+
></script>
29+
<script type="text/javascript">
30+
System.import("./index.js");
31+
</script>
32+
</head>
33+
34+
<body class="dx-viewport">
35+
<div class="demo-container">
36+
<div id="app"></div>
37+
</div>
38+
</body>
39+
</html>

apps/demos/Demos/Pagination/Overview/React/index.js renamed to apps/demos/Demos/Pagination/Overview/ReactJs/index.js

File renamed without changes.

0 commit comments

Comments
 (0)