找回密码
 立即注册

QQ登录

只需一步,快速开始

红衣

注册会员

9

主题

39

帖子

183

积分

注册会员

积分
183
红衣
注册会员   /  发表于:2018-12-2 13:59  /   查看:4236  /  回复:7
我看到了绑定数据的代码。
            var colInfos = [
                { name: "id", displayName: "ID", size:2 },
                { name: "name", displayName: "Name", size: 100 },
                { name: "line", displayName: "Line", size: 80 },
                { name: "color", displayName: "Color" },
                { name: "price", displayName: "Price", formatter: "0.00", size: 80 },
                { name: "cost", displayName: "Cost", formatter: "0.00", size: 80 },
                { name: "weight", displayName: "Weight", formatter: "0.00", size: 80 },
                { name: "discontinued", displayName: "Discontinued", cellType: new GC.Spread.Sheets.CellTypes.CheckBox(), size: 100 },
                { name: "rating", displayName: "Rating" }
            ];
            sheet2.bindColumns(colInfos);

1:里面的属性displayName,我知道,是可以显示在头部,那其他的属性有详细文档吗?比如记载name属性什么时候回有用,size起什么作用。列上面全部的属性等等。
2:对于列对齐,我可以在上面这段代码写对齐方式吗?现在做的表格,对于不同的数据类型,是不一样的对齐方式。比如数值型,靠右,日期居左,而有的是缩进字符。
我可以通过写类型,绑定某一列的对齐方式或者样式吗?在初始化的时候?还是可以用css来解决?

7 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-3 10:38:12
沙发
您好!

1、name对应了您dataSource中需要绑定字段的名称,

比如您dataSource中的实例有个id属性,绑定时就会找到这个属性进行数据绑定。

size是绑定列的宽度,所有能够支持的参数,可以参考SpreadJS API的bindColumns方法描述:

http://help.grapecity.com/spread ... et~bindColumns.html

2、对于列对齐操作,您可以采用在列上设置Style的方式来配置对齐方式,参考学习指南:

https://demo.grapecity.com.cn/Sp ... ample/#/demos/style

SpreadJS使用canvas实现的,不支持css操作,不过您通过Style可以很方便地设置表、列、行、单元格这四个级别的各种样式,

建议您先仔细阅读学习指南的内容,再结合Style的API来使用:

http://help.grapecity.com/spread ... d.Sheets.Style.html
回复 使用道具 举报
红衣
注册会员   /  发表于:2018-12-3 15:38:32
板凳
KevinChen 发表于 2018-12-3 10:38
您好!

1、name对应了您dataSource中需要绑定字段的名称,

非常感谢。
1:默默地问一句,有中文的文档吗?
2:size那个属性,我在快速开发的学习指南改过size值,但是前后运行,宽度并没有变化。英文文档是说列的宽的,但是从10设成100,点击运行,并没有发生变化。还有他的size值,是字符测长度还是px?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-3 17:36:08
地板
您好,

1、首先很抱歉,Spread JS 目前没有中文文档。

2、您注意一下,size属性是针对sheet2来设置的,您是否激活的是第一个表?这个size的单位是px

回复 使用道具 举报
红衣
注册会员   /  发表于:2018-12-4 10:01:57
5#
KevinChen 发表于 2018-12-3 17:36
您好,

1、首先很抱歉,Spread JS 目前没有中文文档。

好的,谢谢。
那对于第一张表,调整宽度,就只能用setColumnWidth,或者autoFitColumn循环设置宽度了?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-4 11:52:09
6#
也可以设置表格默认宽度,设置默认宽度的方法:

http://help.grapecity.com/spread ... sheet~defaults.html
回复 使用道具 举报
红衣
注册会员   /  发表于:2018-12-4 13:46:12
7#
非常感谢。
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-4 16:35:07
8#
不客气
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部