找回密码
 立即注册

QQ登录

只需一步,快速开始

1594202459

注册会员

31

主题

48

帖子

163

积分

注册会员

积分
163

活字格认证

1594202459
注册会员   /  发表于:2014-12-22 14:07  /   查看:6146  /  回复:3



我看你们的demo 中都是数据和样式同时获取,数据和样式都写在json 数组中,如何做到数据和样式分离,我想用
此工具实现样式的设计,然后导入页面      spread.fromJSON(test1);但是我现在想要知道的是,我将此工具设计好的样式用js形式      spread.fromJSON(test1); 加载到页面后,我如何动态的给其绑定数据;

本帖子中包含更多资源

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

x

3 个回复

倒序浏览
Alice
社区贡献组   /  发表于:2014-12-22 18:33:00
沙发
回复 1楼1594202459的帖子

绑定数据的方式有两种:
1.使用Wijmo DataView数据源,请参考文档:
http://helpcentral.componentone. ... l#binddataview.html
2.BindingCells,请参考文档:
http://helpcentral.componentone. ... html#bindcells.html
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
1594202459
注册会员   /  发表于:2014-12-23 09:54:00
板凳
回复 2楼Alice的帖子





你这两个告诉我的是如何绑定数据,以及如何在页面写代码去控制表格格式,我想问的是我引用 这个工具形成的js  通过 spread.fromJSON("js文档名") 引入到页面后了之后,如何的加载数据,谢谢

本帖子中包含更多资源

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

x
回复 使用道具 举报
Alice
社区贡献组   /  发表于:2014-12-23 15:07:00
地板
回复 3楼1594202459的帖子

首先,SpreadJSDesigner生成的js文件,假设名字是.(test.js).
下面代码展示了Link test.js 到html页面:
  1. $(“#ss”).wijspread();
  2. var spread = $(“#ss”).wijspread(“spread”)
  3. spread.fromJSON(test);
  4. var activeSheet = spread.getActiveSheet();

  5. //数据源
  6. var datasource = [
  7.                    { name: "Alice", age: 27, birthday: "1985/08/31", position: "PM" },
  8.                    { name: "Aimee", age: 28, birthday: "1984/07/31", position: "TL" },
  9.                    { name: "Charles", age: 29, birthday: "1983/03/31", position: "QC" },
  10.                    { name: "Fred", age: 30, birthday: "1982/02/20", position: "DL" },
  11.                    { name: "Angelia", age: 31, birthday: "1981/05/30", position: "QC" },
  12.                    { name: "Peter", age: 32, birthday: "1980/11/08", position: "QC" }

  13.                ];

  14.                var nameColInfo = { name: "name", displayName: "Name", size: 70 };
  15.                var ageColInfo = { name: "age", displayName: "Age", size: 40, resizable: false };
  16.                var birthdayColInfo = { name: "birthday", displayName: "Birthday",formatter:"d/M/yy", size: 120 };
  17.                var positionColInfo = { name: "position", displayName: "Position", size: 50, visible: false };

  18.                activeSheet.autoGenerateColumns = true;
  19.                activeSheet.setDataSource(datasource);
  20.                activeSheet.bindColumn(0, nameColInfo);
  21.                activeSheet.bindColumn(1, ageColInfo);
  22.                activeSheet.bindColumn(2, birthdayColInfo);
  23.                activeSheet.bindColumn(3, positionColInfo);
复制代码



spread.fromJSON(test);//导入test.js到页面。
activeSheet.setDataSource(datasource);//设置数据源。

我们的产品文档Binding to Data里可以找到答案:
http://helpcentral.componentone. ... e.html#binding.html
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部