请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

秋辞

初级会员

24

主题

50

帖子

218

积分

初级会员

积分
218
秋辞
初级会员   /  发表于:2022-6-22 16:57  /   查看:2832  /  回复:3
1金币
原来没有使用spread-sheets-designer,直接绑定dataSource即可<gc-spread-sheets
  :hostClass='"spread-host"'
>
  <gc-worksheet
    :dataSource="dataSource"
    :name = "'ALLData'"
  >
    <gc-column :dataField="'name'"></gc-column>
    <gc-column :dataField="'code'"></gc-column>
    <gc-column :dataField="'city'"></gc-column>
  </gc-worksheet>

</gc-spread-sheets>现在使用spread-sheets-designer后,如何设置dataField和dataSource?<gc-spread-sheets-designer :styleInfo='styleInfo' :config='config' :spreadOptions='spreadOptions' @designerInitialized='designerInitialized'>
</gc-spread-sheets-designer>

最佳答案

查看完整内容

如果在设计器中需要进行数据绑定,请参考附件的demo初始化设计器后,获取工作簿实例,然后通过api进行绑定

3 个回复

倒序浏览
最佳答案
最佳答案
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-6-22 16:57:26
来自 2#
如果在设计器中需要进行数据绑定,请参考附件的demo初始化设计器后,获取工作簿实例,然后通过api进行绑定

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1满意度 +5 收起 理由
秋辞 + 5

查看全部评分

回复 使用道具 举报
秋辞
初级会员   /  发表于:2022-6-23 16:37:07
3#
Derrick.Jiao 发表于 2022-6-22 17:48
如果在设计器中需要进行数据绑定,请参考附件的demo初始化设计器后,获取工作簿实例,然后通过api进行绑定
...

好的,谢谢,我现在这边还有两个需求,一个是设置某一列类型全部为时间,{ name: 'ISALLERGY', displayName: '过敏史',cellType: new GC.Spread.Sheets.CellTypes.CheckBox(),  size: 100 },
[size=13.0667px]我知道有一个cellType属性可以设置,demo里给了一个设置checkbox,那时间应该怎么写呢?
[size=13.0667px]还有一个需求是我选中某一行的时候可以弹出框,编辑数据,绑定到表格。[size=13.0667px]
谢谢!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-6-23 18:37:52
4#
秋辞 发表于 2022-6-23 16:37
好的,谢谢,我现在这边还有两个需求,一个是设置某一列类型全部为时间,{ name: 'ISALLERGY', displayNa ...

时间选择器是一个样式,不支持数据绑定,如需添加时间选择器,请使用以下代码
  1. var showTimeStyle = new GC.Spread.Sheets.Style();
  2.             showTimeStyle.cellButtons = [
  3.                 {
  4.                     imageType: GC.Spread.Sheets.ButtonImageType.dropdown,
  5.                     command: "openDateTimePicker",
  6.                     useButtonStyle: true,
  7.                 }
  8.             ];
  9.             showTimeStyle.dropDowns = [
  10.                 {
  11.                     type: GC.Spread.Sheets.DropDownType.dateTimePicker,
  12.                     option: {
  13.                         showTime: true
  14.                     }
  15.                 }
  16.             ];

  17.             sheet.setStyle(-1, 1, showTimeStyle);
复制代码


第二个需求可以通过setValue给已经绑定好的单元格赋值,会自动通过到数据源中。

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部