2 Replies Latest reply: Dec 23, 2013 11:39 AM by Alexander Karlsson RSS

    QvUtils.js - A lightweight Extension library

    Alexander Karlsson

      QvUtils.js

      A small lightweight library to help with extension development.


      Documentation: http://mindspank.github.io/qvutils/

      GitHub Repository: https://github.com/mindspank/qvutils

      This library came to be to help speed up extension development and reduce the boilerplate code you create in most extensions.
      It partially extends QlikViews native JS API and also provides several utility functions to make your life a little bit easier.

       

      Currently it's main use would be to handle data exposed to the extension as well as debugging and DOM-manipulation.

      Check out the documentation for more information, downloads and snippets.

       

      This is a work in progress so feel free to fork it or send a pull request on GitHub.


        • Re: QvUtils.js - A lightweight Extension library
          Alexander Karlsson

          Attached is a example on how to work with the createTabrow() method of qvutils.

          This example is heavily commented so I suggest not putting this into production and consider it learning material.

           

          Contains

          • script.js - calls the createTabrow() method.
            • In this example will create following markup

          <div id="tabrow" avq="tabrow2:.TabRow" class="tabrow">

               <ul id="root" class="tabrow">

                    <li id="Document\SH01" class="active" display=""><a>Main</a></li>

                    <li id="Document\SH02" class="" display=""><a>Sheet1</a></li>

                    <li id="Document\SH03" class="" display=""><a>Sheet2</a></li>

                    <li id="Document\SH04" class="" display=""><a>Sheet3</a></li>

               </ul>

          </div>

           

          • style.css - Targets the elements created by script.js and applies styling.

           

          End Result:

          tabrow.PNG.png