SMART datagrid v1.4 > Concepts
In order to run SMART datagrid, "smart-datagrid-lic.js" and "smart-datagrid.min.js" files should exist in the path. If it is an evaluation, they will be "smart-datagrid-eval-lic.js" and "smart-datagrid-eval.min.js". And, image files being used internally are also required. Usually, the images will be included in the product package which is released in dataludi-1.x.x.zip format.
You can include the license file delivered separately and the script file included in the product package in the order of below code.
<script src='smart-datagrid-lic.js'></script>
<script src='smart-datagrid.min.js'></script>
// If it is an evaluation,
<script src='smart-datagrid-eval-lic.js'></script>
<script src='smart-datagrid-eval.min.js'></script>
// When export to an Excel file, you will need jszip being included together with distribution so as to zip the file.
// jszip is zip compression open source library which has been implemented by JavaScript.
<script src='jszip.min.js'></script>
// You may need the script such as jquery, etc.
<script src='jquery-1.8.3.min.js'></script>
SMART datagrid assumes the icon image being used internally is in a specific location. Basically, resources should exist in the sub folder named "assets" which is in HTML path containing the grid. If it is not the default location, you can choose one of the ways in the code below and specify the corresponding location.
// /dataludi
DataLudi.setRootContext('/dataludi');
DataLudi.setAssetRoot('');
// ./dataludi
DataLudi.setRootContext('dataludi');
DataLudi.setAssetRoot('');
// ./dataludi/resource
DataLudi.setRootContext('dataludi');
DataLudi.setAssetRoot('resource');
// ./dataludi/resource
DataLudi.setRootContext('dataludi/resource');
DataLudi.setAssetRoot('');
// ./dataludi/resource
DataLudi.setAssetRoot('dataludi/resource');
Now you can start grid development.
Please start from Hello Grid example. You can check more examples in Examples.
Since SMART datagrid is basically drawn on HTML5 Canvas, it will run only beyond IE9 which support Canvas. Although DOM version is also provided, it neither tests nor supports below IE8. Please use a modern browser such as IE11, etc. Currently, it runs most smoothly in Chrome browser.
Please check supported versions of each browser here or W3C School.