Hi Folks,
Through javascript, is it possible to register an onclick event on a cell value within a straight table ? Here is my use case:
When a value is selected within a straight table cell in the qlikview document, the parent window which opened the qlikview document should be refreshed by sending the clicked value as a parameter.
Currently, I am detecting a selection on a value by registering an onchange event within GetCurrentSelections method of the QV11 javascript API. This works well if the user enters without any selections. However, if a user opens the document with selections, I don't have a way to detect if the selections were changed on document open or via a manual click on a cell value.
Please let me know if there is a way to register an onclick handler on a cell value. Here is the DOM tree where the red text represents the cell value:
<div class="QvGrid" style="position: relative; overflow: hidden; cursor: default; font-weight: normal; font-family: Arial; font-size: 9pt; font-style: normal; text-decoration: none; width: 272px; height: 268px;">
<div style="position: relative; overflow: hidden; width: 260px; height: 268px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 0px; height: 30px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 30px; width: 0px; height: 238px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 268px; width: 0px; height: 0px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 260px; height: 30px;">
<div style="position: absolute; overflow: hidden; left: 0px; top: 30px; width: 260px; height: 238px;">
<div style="position: relative; height: 10245px; transition-timing-function: cubic-bezier(0, 0.3, 0.6, 1); transition-property: -moz-transform; transform: translate(0px, 0px); transition-duration: 0ms;">
<div title="AK-2001Q1-MEDI-12345-001" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 128); text-align: left; font-style: normal; font-weight: normal; text-decoration: underline; cursor: pointer; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 164px; height: 15px;" unselectable="on">
<div style="position: absolute; border-right: 1px solid rgb(220, 220, 220); border-bottom: 1px solid rgb(220, 220, 220); left: 0px; top: 0px; width: 163px; height: 14px;" unselectable="on">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
