SMART datagrid v1.4 > Concepts
为运行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格式发布的产品包装。
可以按下列代码中的顺序,包含另行传递的授权文件和包含在产品包装的脚本文件。
<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>
SMART datagrid格假设内部使用的图标图像在特定位置上。 基本上,需要在包含网格的HTML路径的"assets"子文件夹中,存在资源。 如果不是默认位置,则可以通过选择下列代码中的方法,指定相关位置。
// /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');
现在,我们可以开始开发网格。
我们可以从Hello Grid例题开始。 有关更多例题,请确认Examples。
因为DataLudi网格基本在HTML5 Canvas上绘制而成,所以只会在支持Canvas的IE9以上版本运行。 虽然也提供DOM版本,但同样不会测试或支持IE8以下版本。 我们推荐使用IE11等最新版本的浏览器。 目前,运行最顺利的是Chrome浏览器。
有关各个浏览器的支持版本,请确认这里或W3C School。