0 Replies Latest reply: Jan 9, 2014 8:29 PM by Puneet Lakhanpal RSS

    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>