Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Qlik Open Lakehouse is Now Generally Available! Discover the key highlights and partner resources here.
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

Document extension: Detecting click on a cell value within a table

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>

0 Replies