Export data

by Alexander Karlsson

HTML

<script src="https://branch.qlik.com/anon/resources/assets/external/requirejs/require.js"></script>
<link rel="stylesheet" href="https://branch.qlik.com/anon/resources/autogenerated/qlik-styles.css">
<select id="chartlist" name="select">
  <option>a5e0f12c-38f5-4da9-8f3f-0e4566b28398</option> 
  <option>hRZaKk</option>
</select>
<div id="chart"></div>
<button id="export">Export Data</button>

CSS

#chart {
  width: 400px;
  height: 400px;
}

JavaScript

var config = {
  host: 'branch.qlik.com',
  isSecure: true,
  prefix: '/anon/'
}
var qBase = 'https://branch.qlik.com/anon/resources';

require.config({
  paths: {
    'qlik': 'https://branch.qlik.com/anon/resources/js/qlik'
  },
  baseUrl: qBase
});
require(['js/qlik'], function(qlik) {
	
    const app = qlik.openApp('d7b1f94e-749b-479a-9bad-fcb8fccda5dc', config);
    
    let currentChart = app.getObject('chart', 'a5e0f12c-38f5-4da9-8f3f-0e4566b28398');
    
    $('#chartlist').on('change', function(e) {
    	currentChart = app.getObject('chart', $('#chartlist option:selected').text())
    });
    
    $('#export').on('click', function() {
    	currentChart.then(model => {
        var table = new qlik.table(model);
        return table.exportData({download: true})
      })
      .then(url => {
      	console.log(url)
      })
    })

        
});