jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
34 lines (33 loc) • 1.97 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id='Description'>React PivotGrid Component events handling example</title>
<link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxpivot.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxpivotgrid.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxtextarea.js"></script>
<script type="text/javascript" src="../scripts/demos.js"></script>
</head>
<body class='default'>
<div id="app"></div>
<script src="../build/pivotgrid_events.bundle.js"></script>
<div class="example-description">
<br />
<h2>Description</h2>
<div style="width: 800px;">
This is an example demonstrates some of the built-in events of the React Pivot Grid Component. All event handling code is implemented
inside the componentDidMount function of the React App. The first event handler implements event related to pivot item expand/collapse,
pivot grid sorting, and pivot item selection events. The second event handler implements the main pivot item mouse events like mouse up,
mouse down, click and double click. The third event handling function implements pivot cell mouse events. The App also includes a button
which clears the events log. The log window implmented using the ReactJS TextArea Component.
</div>
</div>
</body>
</html>