找回密码
 立即注册

QQ登录

只需一步,快速开始

樊小二丶

注册会员

15

主题

73

帖子

192

积分

注册会员

积分
192
樊小二丶
注册会员   /  发表于:2021-9-1 16:13  /   查看:2918  /  回复:8
5金币
怎样同时加载多个sheet  数据是从数据库中提取的 image.png485029601.png 添加sheet 的添加按钮怎么取消不让他展示 sheet 名称怎么写成自己想要的

最佳答案

查看完整内容

参考附件demo。 这个属于表单级别数据绑定, 建议您先学习下 学习指南数据绑定 的相关知识, 学习指南中也有示例demo: https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/data-binding/sheet-level-binding/purejs 下方为API文档链接,可以搜索下相关接口: https://demo.grapecity.com.cn/spreadjs/help/api/

8 个回复

倒序浏览
最佳答案
最佳答案
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-9-1 16:13:31
来自 9#
参考附件demo。
这个属于表单级别数据绑定,
建议您先学习下 学习指南数据绑定 的相关知识,
学习指南中也有示例demo:
https://demo.grapecity.com.cn/sp ... evel-binding/purejs
下方为API文档链接,可以搜索下相关接口:
https://demo.grapecity.com.cn/spreadjs/help/api/

表单级别数据绑定.zip

9.13 MB, 下载次数: 112

回复 使用道具 举报
樊小二丶
注册会员   /  发表于:2021-9-1 17:40:13
2#
我有多个json数据怎么让他同时加载多个sheet页签呢  json数据时ajax展示的 显示多个页签呢
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-9-1 17:47:43
3#
本帖最后由 Lynn.Dou 于 2021-9-1 17:50 编辑

您好,问题1:

数据是从数据库提取的,这个数据具体指的是什么?
如果是spread级别的json数据,直接fromJSON,会根据json数据中的sheet数自动创建sheet并加载json。
如果是想要绑定的数据源,可以在初始化的时候设置好默认sheet数目。
具体请参考学习指南:https://demo.grapecity.com.cn/sp ... itialization/purejs
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), {
        sheetCount: 5
    });


或者使用addSheet方法添加sheet
具体请参考学习指南:https://demo.grapecity.com.cn/sp ... kbook/sheets/purejs

问题2:
不显示添加表单按钮
问题3:
修改表单名称: name 方法

都可以在学习指南找到对应方法,可点击下方链接查看。
https://demo.grapecity.com.cn/sp ... ok/tab-strip/purejs
image.png352306517.png

多个问题建议您分开发帖,避免问题混淆。

这些问题较基础,建议您先学习下学习指南中的相关知识,
另,我们提供了SpreadJS官方支持QQ群,这些问题通过@群里机器人可以得到更快的回应。
QQ群:720389894




回复 使用道具 举报
樊小二丶
注册会员   /  发表于:2021-9-2 09:14:16
4#
Lynn.Dou 发表于 2021-9-1 17:47
您好,问题1:

数据是从数据库提取的,这个数据具体指的是什么?

fromjson 这个有例子嘛 没明白怎么弄 数据是利用 ajax 传输的 一串json  这是写的一个例子   
[code]  var spread;
           var sheet;
           $(document).ready(function(){
                   var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'));
                   // 获取当前的sheet
                   sheet = spread.getActiveSheet()
                   // spread.newTabVisible(false);
                   spread.options.tabStripPosition = GC.Spread.Sheets.TabStripPosition.top;
                   spread.options.autoFitType = GC.Spread.Sheets.AutoFitType.cellWithHeader;

                   $.ajax({
                           url:"test.json",
                           datatype: "json",
                           type:"GET",
                           data:{"username":"张三"},
                           async:false,
                           success:function(data){
                                  
                                   // 数据绑定  
                                   // sheet.autoGenerateColumns = true;
                                    console.log(data)
                                   sheet.setDataSource(data);
                                  
                       



多个json 文件加载 多个 sheet  没明白
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-9-2 10:31:34
5#
fromJSON toJSON (json导入导出)可以参考下方链接学习指南,先了解导入导出的json是什么。
https://demo.grapecity.com.cn/sp ... erialization/purejs


另外,看您代码中使用了setDatasource 方法,应该是想绑定数据源。
请先参考学习指南数据绑定相关知识,了解3种数据绑定的概念以及绑定方式。
链接:https://demo.grapecity.com.cn/sp ... evel-binding/purejs
您也可以在论坛搜索相关关键词,参考历史贴,会对您的学习有所帮助。
参考链接:
https://gcdn.grapecity.com.cn/showtopic-56767-1-1.html

回复 使用道具 举报
樊小二丶
注册会员   /  发表于:2021-9-2 10:46:53
6#
Lynn.Dou 发表于 2021-9-2 10:31
fromJSON toJSON (json导入导出)可以参考下方链接学习指南,先了解导入导出的json是什么。
https://demo ...

就是 我现在有两个或多个json 文件 要同时加载 两个 sheet   看到fromjson tojson  序列化和反序列化的  但是我看到 他是同一个json 文件来做的  
  var spread;
           var sheet;
           $(document).ready(function(){
                  
                   var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'),{
                           // 确定显示几个sheet
        sheetCount: 5
    });

                   // 获取当前的sheet
                   sheet = spread.getActiveSheet()
                   // spread.newTabVisible(false);
                   spread.options.tabStripPosition = GC.Spread.Sheets.TabStripPosition.top;
                   spread.options.autoFitType = GC.Spread.Sheets.AutoFitType.cellWithHeader;

                   $.ajax({
                           url:"test.json",
                           datatype: "json",
                           type:"GET",
                           data:{"username":"张三"},
                           async:false,
                           success:function(data){
                                   // 取消页签后面的加号
                                   spread.options.newTabVisible = false;
                                   // 数据绑定  
                                   // sheet.autoGenerateColumns = true;
                                    console.log(data)
                                   sheet.setDataSource(data);
                                  
                                   // 是否阻止用户拖拽页签修改顺序
                                    spread.options.allowSheetReorder = false;
                                   // 是否隐藏导航箭头按钮
                                    spread.options.tabNavigationVisible = false;
                                  
                                   // 是否表单重命名
                                    spread.options.tabEditable = true;
                                        // 根据下标修改当前的名称
                                   spread.sheets[0].name("修改后的名称");
                                     spread.sheets[1].name("修改后的名称1");  
                                         spread.sheets[2].name("修改后的名称2");
                                          spread.sheets[3].name("修改后的名称3");
                                     spread.sheets[4].name("修改后的名称4");



回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-9-2 12:05:51
7#
这边不知道您这两个json具体内容是什么?
您将这两个json提供下, 这边结合文件看下是否有解决方案。
回复 使用道具 举报
樊小二丶
注册会员   /  发表于:2021-9-2 12:19:16
8#
Lynn.Dou 发表于 2021-9-2 12:05
这边不知道您这两个json具体内容是什么?
您将这两个json提供下, 这边结合文件看下是否有解决方案。
  1. [
  2.          
  3.         {
  4.             "Course": "Calculus",
  5.             "Term": 1,
  6.             "Credit": 5,
  7.             "Score": 80,
  8.             "Teacher": "Nancy.Feehafer",
  9.                         "url": "http://127.0.0.1:8848/SpreadJS/day3.html"
  10.         },
  11.         {
  12.             "Course": "P.E.",
  13.             "Term": 1,
  14.             "Credit": 3.5,
  15.             "Score": 85,
  16.             "Teacher": "Andrew.Cencini"
  17.         },
  18.         {
  19.             "Course": "Political Economics",
  20.             "Term": 1,
  21.             "Credit": 3.5,
  22.             "Score": 95,
  23.             "Teacher": "Jan.Kotas"
  24.         },
  25.         {
  26.             "Course": "Basic of Computer",
  27.             "Term": 1,
  28.             "Credit": 2,
  29.             "Score": 85,
  30.             "Teacher": "Steven.Thorpe"
  31.         },
  32.         {
  33.             "Course": "Micro-Economics",
  34.             "Term": 1,
  35.             "Credit": 4,
  36.             "Score": 62,
  37.             "Teacher": "Jan.Kotas"
  38.         },
  39.         {
  40.             "Course": "Linear Algebra",
  41.             "Term": 2,
  42.             "Credit": 5,
  43.             "Score": 73,
  44.             "Teacher": "Nancy.Feehafer"
  45.         },
  46.         {
  47.             "Course": "Accounting",
  48.             "Term": 2,
  49.             "Credit": 3.5,
  50.             "Score": 86,
  51.             "Teacher": "Nancy.Feehafer"
  52.         },
  53.         {
  54.             "Course": "Statistics",
  55.             "Term": 2,
  56.             "Credit": 5,
  57.             "Score": 85,
  58.             "Teacher": "Robert.Zare"
  59.         },
  60.         {
  61.             "Course": "Marketing",
  62.             "Term": 2,
  63.             "Credit": 4,
  64.             "Score": 70,
  65.             "Teacher": "Laura.Giussani"
  66.         }
  67.     ]
复制代码




两个都一样 因为是测试数据 所以没有多少  这个还是在 spreadJS中 找的
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部