From f29b33e7a9230b280ac47bc997f118917aabb22d Mon Sep 17 00:00:00 2001 From: sergey arzamasov Date: Sun, 1 Dec 2024 14:28:38 +0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=B9=20Pagination:=20Create=20Overview?= =?UTF-8?q?=20demo=20page.=20(jQuery=20version)=20(#28462)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Sergey Arzamasov --- .../Demos/Pagination/Overview/React/App.tsx | 15 +++ .../Demos/Pagination/Overview/React/Text.js | 7 - .../Overview/React/{data.js => data.ts} | 0 .../Pagination/Overview/React/index.html | 2 +- .../Demos/Pagination/Overview/React/index.tsx | 9 ++ .../Overview/{React => ReactJs}/App.js | 2 - .../Demos/Pagination/Overview/ReactJs/data.js | 121 ++++++++++++++++++ .../Pagination/Overview/ReactJs/index.html | 39 ++++++ .../Overview/{React => ReactJs}/index.js | 0 9 files changed, 185 insertions(+), 10 deletions(-) create mode 100644 apps/demos/Demos/Pagination/Overview/React/App.tsx delete mode 100644 apps/demos/Demos/Pagination/Overview/React/Text.js rename apps/demos/Demos/Pagination/Overview/React/{data.js => data.ts} (100%) create mode 100644 apps/demos/Demos/Pagination/Overview/React/index.tsx rename apps/demos/Demos/Pagination/Overview/{React => ReactJs}/App.js (86%) create mode 100644 apps/demos/Demos/Pagination/Overview/ReactJs/data.js create mode 100644 apps/demos/Demos/Pagination/Overview/ReactJs/index.html rename apps/demos/Demos/Pagination/Overview/{React => ReactJs}/index.js (100%) diff --git a/apps/demos/Demos/Pagination/Overview/React/App.tsx b/apps/demos/Demos/Pagination/Overview/React/App.tsx new file mode 100644 index 000000000000..e453a174cbfa --- /dev/null +++ b/apps/demos/Demos/Pagination/Overview/React/App.tsx @@ -0,0 +1,15 @@ +import React from "react"; +import Pagination from "devextreme-react/pagination"; +import { customers } from "./data.ts"; + +const columns = ["CompanyName", "City", "State", "Phone", "Fax"]; + +const App = () => { + return ( + <> + + + ); +}; + +export default App; diff --git a/apps/demos/Demos/Pagination/Overview/React/Text.js b/apps/demos/Demos/Pagination/Overview/React/Text.js deleted file mode 100644 index f1cc30aefb20..000000000000 --- a/apps/demos/Demos/Pagination/Overview/React/Text.js +++ /dev/null @@ -1,7 +0,0 @@ -import React from "react"; - -const Text = () => { - return "test text"; -}; - -export default Text; diff --git a/apps/demos/Demos/Pagination/Overview/React/data.js b/apps/demos/Demos/Pagination/Overview/React/data.ts similarity index 100% rename from apps/demos/Demos/Pagination/Overview/React/data.js rename to apps/demos/Demos/Pagination/Overview/React/data.ts diff --git a/apps/demos/Demos/Pagination/Overview/React/index.html b/apps/demos/Demos/Pagination/Overview/React/index.html index b9f3a9764b01..bc116ceea64c 100644 --- a/apps/demos/Demos/Pagination/Overview/React/index.html +++ b/apps/demos/Demos/Pagination/Overview/React/index.html @@ -11,7 +11,7 @@ diff --git a/apps/demos/Demos/Pagination/Overview/React/index.tsx b/apps/demos/Demos/Pagination/Overview/React/index.tsx new file mode 100644 index 000000000000..8acbec4b6179 --- /dev/null +++ b/apps/demos/Demos/Pagination/Overview/React/index.tsx @@ -0,0 +1,9 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; + +import App from './App.tsx'; + +ReactDOM.render( + , + document.getElementById('app'), +); diff --git a/apps/demos/Demos/Pagination/Overview/React/App.js b/apps/demos/Demos/Pagination/Overview/ReactJs/App.js similarity index 86% rename from apps/demos/Demos/Pagination/Overview/React/App.js rename to apps/demos/Demos/Pagination/Overview/ReactJs/App.js index 81cf17b7a8a0..dd3fc58e798b 100644 --- a/apps/demos/Demos/Pagination/Overview/React/App.js +++ b/apps/demos/Demos/Pagination/Overview/ReactJs/App.js @@ -1,5 +1,4 @@ import React from "react"; -import Text from "./Text.js"; import Pagination from "devextreme-react/pagination"; import { customers } from "./data.js"; @@ -9,7 +8,6 @@ const App = () => { return ( <> - ); }; diff --git a/apps/demos/Demos/Pagination/Overview/ReactJs/data.js b/apps/demos/Demos/Pagination/Overview/ReactJs/data.js new file mode 100644 index 000000000000..6380157422df --- /dev/null +++ b/apps/demos/Demos/Pagination/Overview/ReactJs/data.js @@ -0,0 +1,121 @@ +export const customers = [{ + ID: 1, + CompanyName: 'Super Mart of the West', + Address: '702 SW 8th Street', + City: 'Bentonville', + State: 'Arkansas', + Zipcode: 72716, + Phone: '(800) 555-2797', + Fax: '(800) 555-2171', + Website: 'http://www.nowebsitesupermart.dx', +}, { + ID: 2, + CompanyName: 'Electronics Depot', + Address: '2455 Paces Ferry Road NW', + City: 'Atlanta', + State: 'Georgia', + Zipcode: 30339, + Phone: '(800) 595-3232', + Fax: '(800) 595-3231', + Website: 'http://www.nowebsitedepot.dx', +}, { + ID: 3, + CompanyName: 'K&S Music', + Address: '1000 Nicllet Mall', + City: 'Minneapolis', + State: 'Minnesota', + Zipcode: 55403, + Phone: '(612) 304-6073', + Fax: '(612) 304-6074', + Website: 'http://www.nowebsitemusic.dx', +}, { + ID: 4, + CompanyName: "Tom's Club", + Address: '999 Lake Drive', + City: 'Issaquah', + State: 'Washington', + Zipcode: 98027, + Phone: '(800) 955-2292', + Fax: '(800) 955-2293', + Website: 'http://www.nowebsitetomsclub.dx', +}, { + ID: 5, + CompanyName: 'E-Mart', + Address: '3333 Beverly Rd', + City: 'Hoffman Estates', + State: 'Illinois', + Zipcode: 60179, + Phone: '(847) 286-2500', + Fax: '(847) 286-2501', + Website: 'http://www.nowebsiteemart.dx', +}, { + ID: 6, + CompanyName: 'Walters', + Address: '200 Wilmot Rd', + City: 'Deerfield', + State: 'Illinois', + Zipcode: 60015, + Phone: '(847) 940-2500', + Fax: '(847) 940-2501', + Website: 'http://www.nowebsitewalters.dx', +}, { + ID: 7, + CompanyName: 'StereoShack', + Address: '400 Commerce S', + City: 'Fort Worth', + State: 'Texas', + Zipcode: 76102, + Phone: '(817) 820-0741', + Fax: '(817) 820-0742', + Website: 'http://www.nowebsiteshack.dx', +}, { + ID: 8, + CompanyName: 'Circuit Town', + Address: '2200 Kensington Court', + City: 'Oak Brook', + State: 'Illinois', + Zipcode: 60523, + Phone: '(800) 955-2929', + Fax: '(800) 955-9392', + Website: 'http://www.nowebsitecircuittown.dx', +}, { + ID: 9, + CompanyName: 'Premier Buy', + Address: '7601 Penn Avenue South', + City: 'Richfield', + State: 'Minnesota', + Zipcode: 55423, + Phone: '(612) 291-1000', + Fax: '(612) 291-2001', + Website: 'http://www.nowebsitepremierbuy.dx', +}, { + ID: 10, + CompanyName: 'ElectrixMax', + Address: '263 Shuman Blvd', + City: 'Naperville', + State: 'Illinois', + Zipcode: 60563, + Phone: '(630) 438-7800', + Fax: '(630) 438-7801', + Website: 'http://www.nowebsiteelectrixmax.dx', +}, { + ID: 11, + CompanyName: 'Video Emporium', + Address: '1201 Elm Street', + City: 'Dallas', + State: 'Texas', + Zipcode: 75270, + Phone: '(214) 854-3000', + Fax: '(214) 854-3001', + Website: 'http://www.nowebsitevideoemporium.dx', +}, { + ID: 12, + CompanyName: 'Screen Shop', + Address: '1000 Lowes Blvd', + City: 'Mooresville', + State: 'North Carolina', + Zipcode: 28117, + Phone: '(800) 445-6937', + Fax: '(800) 445-6938', + Website: 'http://www.nowebsitescreenshop.dx', +}]; diff --git a/apps/demos/Demos/Pagination/Overview/ReactJs/index.html b/apps/demos/Demos/Pagination/Overview/ReactJs/index.html new file mode 100644 index 000000000000..d6d83f735a76 --- /dev/null +++ b/apps/demos/Demos/Pagination/Overview/ReactJs/index.html @@ -0,0 +1,39 @@ + + + + DevExtreme Demo + + + + + + + + + + + + +
+
+
+ + diff --git a/apps/demos/Demos/Pagination/Overview/React/index.js b/apps/demos/Demos/Pagination/Overview/ReactJs/index.js similarity index 100% rename from apps/demos/Demos/Pagination/Overview/React/index.js rename to apps/demos/Demos/Pagination/Overview/ReactJs/index.js