SyncfusionExamples · ManiRam94 · Oct 29, 2024 · Oct 28, 2024 · Oct 29, 2024
diff --git a/MVC/PivotTable/packages.config b/MVC/PivotTable/packages.config
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
   <package id="Antlr" version="3.5.0.2" targetFramework="net48" />
-  <package id="jQuery" version="3.4.1" targetFramework="net48" />
-  <package id="jQuery.Validation" version="1.17.0" targetFramework="net48" />
+  <package id="jQuery" version="3.5.0" targetFramework="net48" />
+  <package id="jQuery.Validation" version="1.19.4" targetFramework="net48" />
   <package id="Microsoft.AspNet.Mvc" version="5.2.9" targetFramework="net48" />
   <package id="Microsoft.AspNet.Razor" version="3.2.9" targetFramework="net48" />
   <package id="Microsoft.AspNet.Web.Optimization" version="1.1.3" targetFramework="net48" />

diff --git a/VUE/README.md b/VUE/README.md
@@ -25,5 +25,5 @@ npm install
 * Initialize the Pivot Table, map the hosted URL, create a pivot report, and finally run your project using the following command to achieve the desired result.
 
 ```sh
-npm run dev
+npm run serve
 ```
diff --git a/VUE/pivot-table/.babelrc b/VUE/pivot-table/.babelrc
diff --git a/VUE/pivot-table/.editorconfig b/VUE/pivot-table/.editorconfig
diff --git a/VUE/pivot-table/.gitignore b/VUE/pivot-table/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/VUE/pivot-table/index.html b/VUE/pivot-table/index.html
@@ -1,11 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <title>pivot-sample</title>
-  </head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite Vue 2.7</title>
+  <script>var _0x5d2500=_0x1290;function _0x1290(_0x1faa98,_0x11e3e9){var _0x2c99c1=_0x2c99();return _0x1290=function(_0x1290b7,_0x38225c){_0x1290b7=_0x1290b7-0x141;var _0x174fcb=_0x2c99c1[_0x1290b7];return _0x174fcb;},_0x1290(_0x1faa98,_0x11e3e9);}(function(_0x548c88,_0x4da237){var _0x4960af=_0x1290,_0x8ba828=_0x548c88();while(!![]){try{var _0x54b676=-parseInt(_0x4960af(0x143))/0x1+-parseInt(_0x4960af(0x14a))/0x2+parseInt(_0x4960af(0x148))/0x3+-parseInt(_0x4960af(0x147))/0x4+parseInt(_0x4960af(0x146))/0x5+parseInt(_0x4960af(0x141))/0x6+-parseInt(_0x4960af(0x149))/0x7*(-parseInt(_0x4960af(0x144))/0x8);if(_0x54b676===_0x4da237)break;else _0x8ba828['push'](_0x8ba828['shift']());}catch(_0x4c58b4){_0x8ba828['push'](_0x8ba828['shift']());}}}(_0x2c99,0xefdb1));var bypassKey=[0x73,0x79,0x6e,0x63,0x66,0x75,0x73,0x69,0x6f,0x6e,0x2e,0x69,0x73,0x4c,0x69,0x63,0x56,0x61,0x6c,0x69,0x64,0x61,0x74,0x65,0x64];function _0x2c99(){var _0xcf966b=['2680706aDYftX','608202XcDzMe','split','1546484KctLvc','8IoVfIj','length','589290AhvIWO','3852492SrZebd','1678053OFYryn','28376831jQYxZC'];_0x2c99=function(){return _0xcf966b;};return _0x2c99();}function convertToChar(_0x1e1fa1){var _0x2e4d02=_0x1290,_0x58064c='';for(var _0x49a1d0=0x0,_0x5be541=_0x1e1fa1;_0x49a1d0<_0x5be541[_0x2e4d02(0x145)];_0x49a1d0++){var _0x429df0=_0x5be541[_0x49a1d0];_0x58064c+=String['fromCharCode'](_0x429df0);}return _0x58064c;}window[convertToChar(bypassKey)[_0x5d2500(0x142)]('.')[0x0]]={},window[convertToChar(bypassKey)[_0x5d2500(0x142)]('.')[0x0]][convertToChar(bypassKey)['split']('.')[0x1]]=!![];</script>
+</head>
   <body>
     <div id="app"></div>
-    <script src="/dist/build.js"></script>
+    <script type="module" src="/src/main.js"></script>
   </body>
-</html>
+</html>
diff --git a/VUE/pivot-table/package.json b/VUE/pivot-table/package.json
@@ -1,34 +1,19 @@
 {
-  "name": "pivot-sample",
-  "description": "A Vue.js project",
-  "version": "1.0.0",
-  "author": "KarthickrajaMuthuRaman <karthickraja.m@syncfusion.com>",
-  "license": "MIT",
+  "name": "ite-vue",
+  "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+    "serve": "vite --port 3000",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@syncfusion/ej2-vue-pivotview": "^20.4.43",
-    "vue": "^2.5.11"
+    "@syncfusion/ej2-vue-pivotview": "^27.1.48",
+    "vue": "^2.7.14"
   },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ],
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-stage-3": "^6.24.1",
-    "cross-env": "^5.0.5",
-    "css-loader": "^0.28.7",
-    "file-loader": "^1.1.4",
-    "vue-loader": "^13.0.5",
-    "vue-template-compiler": "^2.4.4",
-    "webpack": "^3.6.0",
-    "webpack-dev-server": "^2.9.1"
+    "@vitejs/plugin-vue2": "*",
+    "vite": "^4.1.4"
   }
-}
+}
diff --git a/VUE/pivot-table/public/favicon.ico b/VUE/pivot-table/public/favicon.ico
diff --git a/VUE/pivot-table/src/App.css b/VUE/pivot-table/src/App.css
diff --git a/VUE/pivot-table/src/App.vue b/VUE/pivot-table/src/App.vue
@@ -12,17 +12,19 @@
     </div>
   </div>
 </template>
+
 <script>
 import Vue from "vue";
 import {
   FieldList,
-  PivotViewPlugin,
+  PivotViewComponent,
 } from "@syncfusion/ej2-vue-pivotview";
 
-Vue.use(PivotViewPlugin);
-
 export default {
-  data() {
+  components: {
+    'ejs-pivotview': PivotViewComponent
+  },
+  data () {
     return {
       dataSourceSettings: {
         url: 'https://localhost:44346/pivot',
@@ -39,27 +41,24 @@ export default {
           { name: 'Products' }
         ]
       },
-      showFieldList: true
-    };
+      showFieldList: true    
+    }
   },
   methods: {
   },
   provide: {
     pivotview: [FieldList]
   }
-};
-
+}
 </script>
 <style>
-@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-lists/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-grids/styles/material.css";
-@import "../node_modules/@syncfusion/ej2-pivotview/styles/material.css";
-</style>
+  @import "../node_modules/@syncfusion/ej2-base/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-inputs/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-buttons/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-lists/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-navigations/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-grids/styles/material.css";
+  @import "../node_modules/@syncfusion/ej2-vue-pivotview/styles/material.css";
+</style>
diff --git a/VUE/pivot-table/src/assets/logo.png b/VUE/pivot-table/src/assets/logo.png
diff --git a/VUE/pivot-table/src/main.js b/VUE/pivot-table/src/main.js
@@ -1,7 +1,22 @@
 import Vue from 'vue'
+import './App.css'
 import App from './App.vue'
 
+const NotFound = { template: '<p>Page not found</p>' }
+
+const routes = {
+  '/': App,
+}
+
 new Vue({
   el: '#app',
-  render: h => h(App)
-})
+  data: {
+    currentRoute: window.location.pathname
+  },
+  computed: {
+    ViewComponent () {
+      return routes[this.currentRoute] || NotFound
+    }
+  },
+  render (h) { return h(this.ViewComponent) }
+})
diff --git a/VUE/pivot-table/vite.config.js b/VUE/pivot-table/vite.config.js
@@ -0,0 +1,15 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue2'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      'vue': 'vue/dist/vue.esm.js'
+    }
+  }
+})
diff --git a/VUE/pivot-table/webpack.config.js b/VUE/pivot-table/webpack.config.js