SMART datagrid v1.4 > Concepts

Back  Forward

Concepts.Installation Guide

为运行SMART datagrid格,需要在路径上存在"smart-datagrid-lic.js""smart-datagrid.min.js"文件。 如果是测试版,将会是"smart-datagrid-eval-lic.js""smart-datagrid-eval.min.js"。 同时,需要内部使用的图像文件。 通常,图像将会被包含在以dataludi-1.x.x.zip格式发布的产品包装。 


A. 包含SMART datagrid格文件

可以按下列代码中的顺序,包含另行传递的授权文件和包含在产品包装的脚本文件。 

Code -1
    <script src='smart-datagrid-lic.js'></script>
    <script src='smart-datagrid.min.js'></script>

    // 如果是测试版,
    <script src='smart-datagrid-eval-lic.js'></script>
    <script src='smart-datagrid-eval.min.js'></script>
    
    // 当导出Excel文件时,为压缩文件而需要一同包含在发行版中的jszip。
    // jszip是通过JavaScript而体现的zip压缩开放源代码库。
    <script src='jszip.min.js'></script>
    // 可能会需要jquery等脚本。
    <script src='jquery-1.8.3.min.js'></script>

B. 指定资源路径

SMART datagrid格假设内部使用的图标图像在特定位置上。 基本上,需要在包含网格的HTML路径的"assets"子文件夹中,存在资源。 如果不是默认位置,则可以通过选择下列代码中的方法,指定相关位置。 

Code -2
    // /dataludi 
    DataLudi.setRootContext('/dataludi');
    DataLudi.setAssetRoot('');
    // ./dataludi
    DataLudi.setRootContext('dataludi');
    SMART datagrid.setAssetRoot('');
    // ./dataludi/resource
    DataLudi.setRootContext('dataludi');
    DataLudi.setAssetRoot('resource');
    // ./dataludi/resource
    DataLudi.setRootContext('dataludi/resource');
    DataLudi.setAssetRoot('');
    // ./dataludi/resource
    DataLudi.setAssetRoot('dataludi/resource');

C. 开始网格

现在,我们可以开始开发网格。 

我们可以从Hello Grid例题开始。 有关更多例题,请确认Examples。 

D. 支持浏览器

因为DataLudi网格基本在HTML5 Canvas上绘制而成,所以只会在支持Canvas的IE9以上版本运行。 虽然也提供DOM版本,但同样不会测试或支持IE8以下版本。 我们推荐使用IE11等最新版本的浏览器。 目前,运行最顺利的是Chrome浏览器。 

有关各个浏览器的支持版本,请确认这里W3C School。 


Examples
Hello Grid
Hello Tree