EJ2-DataManager-peristence-cart-sample/index.html at master · SyncfusionExamples/EJ2-DataManager-peristence-cart-sample · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html><html lang="en"><head>
        <title>EJ2 Grid</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Typescript Grid Control">
        <meta name="author" content="Syncfusion">
        <link href="index.css" rel="stylesheet">

        <script src="https://cdn.syncfusion.com/ej2/33.1.44/dist/ej2.min.js" type="text/javascript"></script>
        <link href="https://cdn.syncfusion.com/ej2/33.1.44/material3.css" rel="stylesheet">
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

        <script src="datasource.js" type="text/javascript"></script>
    </head>
        <body>
            <script id="template" type="text/x-template">
              <div class="image">
                  <img src="images/${ProductID}.jpg" alt="${ProductID}" />
              </div>
            </script>
            <div id='container'>
              <div class="header">
                <div class="user-container">
                  <div class="dropdown-container">
                    <span>UserName:</span><div id="ddlelement"></div>
                  </div>
                  <div class="button-container" style="display: none;">
                    <button id="AddtoWishlist" class="btn-custom" ></button>
                    <button id="clearButton" class="btn-custom"></button>
                    <button id="showWishListButton" class="btn-custom"></button>
                  </div>
                  <button id="logOutButton" class="btn-custom" style="display: none;"></button>
                </div>
              </div>
                </div>
                <div class="grid-chart-container">
                      <div class="Sortbutton-row" style="display: none;">
                        <label id="sortLabel">Sort By:</label>
                        <button id="sortButton1" class=" sortButton btn-custom"></button>
                        <button id="sortButton2" class=" sortButton btn-custom"></button>
                        <div id="filterBar" class="filter-dropdown">
                          <label id="filterLabel">Filter By:</label>
                          <img class="filterActionIcon" src="https://www.syncfusion.com/Content/en-US/Downloads/Images/MetroStudio/GraphicsPackage/IconPackage/Application/Wireframe/Filter-01-WF.png" alt="Filter Icon">
                          <input id="filterDropdown" type="text" readonly />
                        </div>
                      </div>
                    <div id='Grid'></div>
                    <div id='chart'></div>
                </div>
            </div>
            <span id="sort-dialog"></span>
            <span id="filter-dialog"></span>
            <script src="sample.js" type="text/javascript"></script>
        </body>
    </html>