JSFiddle - React, Tailwind, and code Playground
HTML
<!--
jSpreadSheet Custom-Editor Example copied from:
https://bossanova.uk/jspreadsheet/v4/examples/column-types
A custom-editor example, slightly modified to illustrate two issues:
1. support request of passing the DOM event to the customEditor function,
so that the custom-Editor can respond to it and provide better user-experience.
2. Re-visit Issue #990 ( https://github.com/jspreadsheet/ce/issues/990 )
which was closed, but I believe is still relevant.
Search for "agn" comment to see relevant code changes.
-->
<html>
<script src="https://bossanova.uk/jspreadsheet/v4/jexcel.js"></script>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jspreadsheet/v4/jexcel.css" type="text/css" />
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.js"></script>
<pre>
A custom-editor example, slightly modified to illustrate two issues:
1. support request of passing the DOM event to the customEditor function,
so that the custom-Editor can respond to it and provide better user-experience.
2. Re-visit Issue #990 ( https://github.com/jspreadsheet/ce/issues/990 )
which was closed, but I believe is still relevant.
Open the "Developer Console" to view the messages.
The code is based on the "Custom Editor" example in:
https://bossanova.uk/jspreadsheet/v4/examples/column-types
You'll notice:
1. When a customEditor is opened, the triggering event is unknown.
(which is the purpose if this minor code-change request).
2. Regardless of what action is taken, the customEditor's "getValue" and "setValue"
functions are not called.
This was the bug report in issue #990 (...