<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic [QlikView extension][javascript] Usage of &amp;quot;Sortable.js&amp;quot; library in QlikView</title>
    <link>https://community.qlik.com/t5/QlikView/QlikView-extension-javascript-Usage-of-quot-Sortable-js-quot/m-p/1298021#M1236598</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I'm having a little problem with javascript in an QlikView extension. I want to use the &lt;A href="https://rubaxa.github.io/Sortable/" target="_blank"&gt;Sortable &lt;/A&gt;library. But unfortunately my code doesn't work. I can create a list of items. But the Sortable.create has no effect.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;This is my script.js:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE __default_attr="javascript" __jive_macro_name="code" class="jive_macro_code jive_text_macro _jivemacro_uid_14987224786204043" jivemacro_uid="_14987224786204043" modifiedtitle="true"&gt;
&lt;P&gt;var EXTENSION_NAME = "HelloWorld"&lt;/P&gt;
&lt;P&gt;var remoteUrl = Qva.Remote + (Qva.Remote.indexOf("?") &amp;gt;= 0 ? "&amp;amp;" : "?") + "public=only&amp;amp;name=Extensions/" + EXTENSION_NAME;&lt;/P&gt;
&lt;P&gt;var jsFiles = [remoteUrl + "/Sortable.min.js"];&lt;/P&gt;
&lt;P&gt;Qv.LoadExtensionScripts(jsFiles, function() {&lt;/P&gt;
&lt;P&gt;&amp;nbsp; Qva.AddExtension(EXTENSION_NAME, function() {&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp; //create element variable &lt;/P&gt;
&lt;P&gt;&amp;nbsp; var e = this.Element;&lt;/P&gt;
&lt;P&gt; //Destroy previous content &lt;/P&gt;
&lt;P&gt;&amp;nbsp; $(e).empty();&lt;/P&gt;
&lt;P&gt; //create an UL-list element&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var ul = document.createElement('ul');&lt;/P&gt;
&lt;P&gt;&amp;nbsp; ul.setAttribute('id','listitems')&lt;/P&gt;
&lt;P&gt;&amp;nbsp; e.appendChild(ul);&lt;/P&gt;
&lt;P&gt; //input texts&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var texts = ['ratatat','matatat','hatatat'];&lt;/P&gt;
&lt;P&gt; //load input texts into LI-list-items&lt;/P&gt;
&lt;P&gt;&amp;nbsp; for (var i = 0; i &amp;lt; 3; i++){&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var li = document.createElement('li');&lt;/P&gt;
&lt;P&gt;&amp;nbsp; ul.appendChild(li);&lt;/P&gt;
&lt;P&gt;&amp;nbsp; li.innerHTML="";&lt;/P&gt;
&lt;P&gt;&amp;nbsp; li.innerHTML += texts&lt;I&gt;;&lt;/I&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp; }&lt;/P&gt;
&lt;P&gt; //get all listitems&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var foo = document.getElementById('listitems');&lt;/P&gt;
&lt;P&gt; //create Sortable object&lt;/P&gt;
&lt;P&gt;&amp;nbsp; Sortable.create(foo, { group: "omega" });&lt;/P&gt;
&lt;P&gt;&amp;nbsp; });&lt;/P&gt;
&lt;P&gt;});&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;My extension folder contains the following:&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;script.js&lt;/LI&gt;&lt;LI&gt;definition.xml&lt;/LI&gt;&lt;LI&gt;Sortable.min.js&lt;/LI&gt;&lt;/UL&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 26 Jan 2026 16:26:21 GMT</pubDate>
    <dc:creator>Anonymous</dc:creator>
    <dc:date>2026-01-26T16:26:21Z</dc:date>
    <item>
      <title>[QlikView extension][javascript] Usage of "Sortable.js" library</title>
      <link>https://community.qlik.com/t5/QlikView/QlikView-extension-javascript-Usage-of-quot-Sortable-js-quot/m-p/1298021#M1236598</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I'm having a little problem with javascript in an QlikView extension. I want to use the &lt;A href="https://rubaxa.github.io/Sortable/" target="_blank"&gt;Sortable &lt;/A&gt;library. But unfortunately my code doesn't work. I can create a list of items. But the Sortable.create has no effect.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;This is my script.js:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE __default_attr="javascript" __jive_macro_name="code" class="jive_macro_code jive_text_macro _jivemacro_uid_14987224786204043" jivemacro_uid="_14987224786204043" modifiedtitle="true"&gt;
&lt;P&gt;var EXTENSION_NAME = "HelloWorld"&lt;/P&gt;
&lt;P&gt;var remoteUrl = Qva.Remote + (Qva.Remote.indexOf("?") &amp;gt;= 0 ? "&amp;amp;" : "?") + "public=only&amp;amp;name=Extensions/" + EXTENSION_NAME;&lt;/P&gt;
&lt;P&gt;var jsFiles = [remoteUrl + "/Sortable.min.js"];&lt;/P&gt;
&lt;P&gt;Qv.LoadExtensionScripts(jsFiles, function() {&lt;/P&gt;
&lt;P&gt;&amp;nbsp; Qva.AddExtension(EXTENSION_NAME, function() {&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp; //create element variable &lt;/P&gt;
&lt;P&gt;&amp;nbsp; var e = this.Element;&lt;/P&gt;
&lt;P&gt; //Destroy previous content &lt;/P&gt;
&lt;P&gt;&amp;nbsp; $(e).empty();&lt;/P&gt;
&lt;P&gt; //create an UL-list element&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var ul = document.createElement('ul');&lt;/P&gt;
&lt;P&gt;&amp;nbsp; ul.setAttribute('id','listitems')&lt;/P&gt;
&lt;P&gt;&amp;nbsp; e.appendChild(ul);&lt;/P&gt;
&lt;P&gt; //input texts&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var texts = ['ratatat','matatat','hatatat'];&lt;/P&gt;
&lt;P&gt; //load input texts into LI-list-items&lt;/P&gt;
&lt;P&gt;&amp;nbsp; for (var i = 0; i &amp;lt; 3; i++){&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var li = document.createElement('li');&lt;/P&gt;
&lt;P&gt;&amp;nbsp; ul.appendChild(li);&lt;/P&gt;
&lt;P&gt;&amp;nbsp; li.innerHTML="";&lt;/P&gt;
&lt;P&gt;&amp;nbsp; li.innerHTML += texts&lt;I&gt;;&lt;/I&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp; }&lt;/P&gt;
&lt;P&gt; //get all listitems&lt;/P&gt;
&lt;P&gt;&amp;nbsp; var foo = document.getElementById('listitems');&lt;/P&gt;
&lt;P&gt; //create Sortable object&lt;/P&gt;
&lt;P&gt;&amp;nbsp; Sortable.create(foo, { group: "omega" });&lt;/P&gt;
&lt;P&gt;&amp;nbsp; });&lt;/P&gt;
&lt;P&gt;});&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;My extension folder contains the following:&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;script.js&lt;/LI&gt;&lt;LI&gt;definition.xml&lt;/LI&gt;&lt;LI&gt;Sortable.min.js&lt;/LI&gt;&lt;/UL&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 26 Jan 2026 16:26:21 GMT</pubDate>
      <guid>https://community.qlik.com/t5/QlikView/QlikView-extension-javascript-Usage-of-quot-Sortable-js-quot/m-p/1298021#M1236598</guid>
      <dc:creator>Anonymous</dc:creator>
      <dc:date>2026-01-26T16:26:21Z</dc:date>
    </item>
  </channel>
</rss>

