怎样同时加载多个sheet

Lynn.Dou

怎样同时加载多个sheet 数据是从数据库中提取的 image.png485029601.png

添加sheet 的添加按钮怎么取消不让他展示 sheet 名称怎么写成自己想要的

Lynn.Dou · Lynn.Dou

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

樊小二丶 · 樊小二丶

我有多个json数据怎么让他同时加载多个sheet页签呢 json数据时ajax展示的显示多个页签呢

Lynn.Dou · Lynn.Dou

本帖最后由 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

樊小二丶 · 樊小二丶

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 · Lynn.Dou

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

樊小二丶 · 樊小二丶

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 · Lynn.Dou

这边不知道您这两个json具体内容是什么？
您将这两个json提供下，这边结合文件看下是否有解决方案。

樊小二丶 · 樊小二丶

Lynn.Dou 发表于 2021-9-2 12:05
这边不知道您这两个json具体内容是什么？
您将这两个json提供下，这边结合文件看下是否有解决方案。

[
{
"Course": "Calculus",
"Term": 1,
"Credit": 5,
"Score": 80,
"Teacher": "Nancy.Feehafer",
"url": "http://127.0.0.1:8848/SpreadJS/day3.html"
},
{
"Course": "P.E.",
"Term": 1,
"Credit": 3.5,
"Score": 85,
"Teacher": "Andrew.Cencini"
},
{
"Course": "Political Economics",
"Term": 1,
"Credit": 3.5,
"Score": 95,
"Teacher": "Jan.Kotas"
},
{
"Course": "Basic of Computer",
"Term": 1,
"Credit": 2,
"Score": 85,
"Teacher": "Steven.Thorpe"
},
{
"Course": "Micro-Economics",
"Term": 1,
"Credit": 4,
"Score": 62,
"Teacher": "Jan.Kotas"
},
{
"Course": "Linear Algebra",
"Term": 2,
"Credit": 5,
"Score": 73,
"Teacher": "Nancy.Feehafer"
},
{
"Course": "Accounting",
"Term": 2,
"Credit": 3.5,
"Score": 86,
"Teacher": "Nancy.Feehafer"
},
{
"Course": "Statistics",
"Term": 2,
"Credit": 5,
"Score": 85,
"Teacher": "Robert.Zare"
},
{
"Course": "Marketing",
"Term": 2,
"Credit": 4,
"Score": 70,
"Teacher": "Laura.Giussani"
}
]

复制代码

两个都一样因为是测试数据所以没有多少这个还是在 spreadJS中找的

		自动登录	找回密码
密码			立即注册

[已处理] 怎样同时加载多个sheet

最佳答案

8 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人