请于维动工作室的官方网站下载SkyGrid v1.6 Beta 的压缩包,本压缩包是完全免费下载的,下载地址如下:
http://www.justrun.net/Download/SkyGrid.asp
如果希望加入讨论,您需要一个维动会员账号,如果您还不是维动会员,请点击这里。
请在使用前仔细阅读本文档。
首先需要确定的是服务器端的运行环境,下面列出运行SkyGrid演示的系统需求:
请检查服务器VBScript脚本引擎的版本,如果低于5.5,请升级至5.5以上,否则运行时使用会出错。
一般情况下,只要服务器的IE版本在5.5以上就不会有问题了。
将压缩包全部文件解压至目录(假设为D:\My Project\SkyGrid\),此目录包含的文件夹和文件如下图所示:

SkyGrid文档结构图
如果您发现解压后的文档结构与上图不符,请与维动工作室取得联系,您有可能下载了含有危险代码的拷贝。
在IIS中建立站点或者虚拟目录(假设别名为SkyGrid),然后打开/Lib/System/Config.asp文件,找到:
Const ROOT_PATH = "/SkyGrid/"
将ROOT_PATH的值修改为你定义的虚拟目录路径。如果定义的是站点,则使用"/"代替。
打开/Script/Utils/skyGrid.js文件,找到:
BASE_PATH = '/SkyGrid/Script/Util/';
将BASE_PATH的值修改为与定义的虚拟路径相匹配的路径。
打开浏览器,在地址栏输入:
http://YourServer/SkyGrid/Index.html↓
即出现本用户指南界面。
设置数据库。打开/Lib/System/Config.asp文件,找到以下内容:
DBSetting.Add "SkyGrid.Configure","Provider=microsoft.jet.oledb.4.0;data source=" & Server.MapPath(ROOT_PATH & "Data/SkyGridDB.mdb")
在此行下方按照上面的方法(CDBSetting.Add)添加数据库连接字符串。CDBSetting是SkyGrid的一个辅助类,用于配置SkyGrid要用到的数据库连接,详细介绍请参考。
后台管理登录。点击“后台管理入口”,初始帐户/密码为:admin/admin
创建新表格。点击“创建新表格向导”,出现如下界面:

SkyGrid创建向导(Wizard)
必要的信息填写完毕之后点击“创建表格”,系统将自动生成此表格的默认配置及包含所有字段的列信息,并跳转到表格配置页面。
配置表格。

SkyGrid配置界面(Configure)
所有属性配置说明都可以通过点击其后的
问号按钮获得帮助,点击预览可以随时查看当前的配置情况,不要忘了最后要保存哦!
管理表格。本界面用于查看和修改表格的基本属性、删除表格并提供配置和预览的链接。其实它本身就是一个SkyGrid的利用,开发者可以方便的查看到当前配置的表格情况。如下图所示:

SkyGrid列表
管理项目。当项目中需要用到的表格比较多时,通过项目对这些表格进行一次规类,可以使表格管理更有效。如下图所示:

项目列表
预览表格。在预览表格中,除了可以查看表格在应用中的实际功能状态,还可以获得将表格嵌入目标页面的HTML代码。如下图所示:

预览界面的表格
SkyGridDB.asp是存放SkyGrid配置的数据库。
选择需要的样式或自定义样式即可,不必全部复制;
其它文件或目录的路径也可以自拟,但要注意在文件路径引用的处理。
在调用页面嵌入代码。
新建一个HTML页面,或者其它动态页面。
首先要在显示SkyGrid的页面的head区域引用必要的脚本文件和需要的样式表文件,如下列代码所示:
<!--在HEAD标签中嵌入-->
<script language="JavaScript" type="text/javascript" src="/SkyGrid/Script/Util/skyGrid.js"></script>
<link href="/SkyGrid/Style/SkyGrid/XPGrid.css" rel="stylesheet" type="text/css" />
然后按照以下代码所示,在需要显示SkyGrid的地方插入iframe标签即可实现SkyGrid:
<!--在BODY标签中需要放置表格处嵌入-->
<iframe id="User" name="User" width="0" height="0" frameborder="0" src="/SkyGrid/Lib/ASP/Util/SkyGrid/SkyGridEvent.asp?GridID=User"></iframe>
其中id和name均为表格的实例名,src中的GridID参数为表格的ID,及表格类型的唯一标记,参见CSkyGrid.ID及CSkyGrid.Name;
请确认指定SkyGridEvent.asp的路径正确;
如果不需要Editor,则可以省略iframe的name属性,否则请添加与id相同的值。这是一个未解决的DOM问题,或许是一个Bug;
在官方发布完全符合css2.0标准的SkyGrid样式包之前,请去掉网页工具自动生成HTML代码中首行的DOCTYPE这一标签,否则将导致页面不可用。
运行。在浏览器输入调用页面URL即可查看效果,如:
http://localhost/SkyGrid/Index.html
用户管理。管理访问SkyGrid后台的帐户,分一般用户和系统用户,其中一般用户只拥有创建、修改和删除表格的权限,而系统用户拥有所有的权限。
提交错误及建议。发现任何问题,有任何的意见或建议,都可以在这里提出。