Skip to content

Commit 3b6178d

Browse files
karthickraja245karthickraja245
committed
documentation(EJ2-68752): To include UG for Oracle data binding for EJ2 Pivot Table
1 parent 951ca92 commit 3b6178d

File tree

25 files changed

+372062
-0
lines changed

25 files changed

+372062
-0
lines changed

‎Javascript/README.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
# How to bind Oracle database to a Pivot Table
2+
3+
A quick start project for connecting a Oracle database to a Syncfusion Pivot Table. This repository includes a Web API Controller (PivotController) for retrieving data from a Oracle database, as well as a quick start sample for the JavaScript platform that displays the retrieved data in a Pivot Table.
4+
5+
**Documentation:** https://ej2.syncfusion.com/javascript/documentation/pivotview/getting-started/
6+
7+
## Project prerequisites
8+
9+
Before beginning work on the server and client projects, ensure the following software to be installed in the machine.
10+
11+
* [git](https://git-scm.com/downloads)
12+
* [Node.js](https://nodejs.org/en/)
13+
* [Visual Studio Code](https://code.visualstudio.com/)
14+
* Compatible versions of [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/ ) and [.NET Core SDK 6.0](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) or later installed on your machine
15+
16+
## How to run this application?
17+
18+
* To run this application, clone the `how-to-bind-Oracle-database-to-pivot-table` repository and then open **PivotController** in Visual Studio 2022. Simply build and run your project in IIS Express, and it will host and display the URL `https://localhost:7029`.
19+
20+
* Now open JavaScript sample in Visual Studio Code and Initialize the Pivot Table, map the hosted URL, prepare and add a pivot report, and finally, open the 'index.html' file in your browser to run your project.

‎Javascript/pivot-table/index.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head>
4+
<title>Essential JS 2</title>
5+
<!-- Essential JS 2 pivot table's dependent material theme -->
6+
7+
<!-- Essential JS 2 pivot table's material theme -->
8+
<link href="styles/material.css" rel="stylesheet" type="text/css"/>
9+
10+
<!-- Essential JS 2 pivot table's dependent scripts -->
11+
12+
<!-- Essential JS 2 pivot table's global script -->
13+
<script src="scripts/ej2.js" type="text/javascript"></script>
14+
</head>
15+
<body>
16+
<div id="PivotView"></div>
17+
<script src="index.js" type="text/javascript"></script>
18+
</body>
19+
</html>

‎Javascript/pivot-table/index.js‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
var pivotObj = new ej.pivotview.PivotView({
2+
dataSourceSettings: {
3+
url: 'https://localhost:7029/pivot',
4+
enableSorting: true,
5+
expandAll: false,
6+
dataSource: [],
7+
columns: [
8+
{ name: 'DEPARTMENT_ID', caption: 'Department ID' },
9+
{ name: 'EMPLOYEE_NAME', caption: 'Employee Name' },
10+
],
11+
rows: [
12+
{ name: 'JOB', caption: 'Job' },
13+
{ name: 'SALARY', caption: 'Salary' }
14+
],
15+
values: [
16+
{ name: 'EMPLOYEE_ID', caption: 'Employee ID' },
17+
{ name: 'CC_EMPLOYEES', caption: 'Employees' },
18+
{ name: 'CC_TAX_PERCENTAGE', caption: 'Percentage' },
19+
],
20+
filters: []
21+
},
22+
showFieldList: true,
23+
width: '100%'
24+
});
25+
pivotObj.appendTo('#PivotView');

‎Javascript/pivot-table/scripts/ej2.js‎

Lines changed: 317790 additions & 0 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)