SpreadJS V10 对表格进行数据绑定

在SpreadJS中，有三种数据绑定方式：

表单级别绑定
单元格级别绑定
表格绑定

这里所使用的是表格绑定，可以对某一个单独的区域 table 进行绑定。

这是我的数据源

    var data = {};
    data.brokenLine = [
        { 'country': 'US', number1: 5 },
        { 'country': 'China', number1: 2 },
        { 'country': 'England', number1: 4 },
        { 'country': 'Italy', number1: 1 },
        { 'country': 'Japan', number1: 3 },
    ];
    window.data = data;

首先要获取table

table = sheet.tables.add('brokenLineTable', 3, 0, 5, 2);

设置列头

 var names = ['country', 'number1'],
     labels = ['country', 'number1'],
     tableColumns = [];

 table.autoGenerateColumns(false);
    names.forEach(function (name, index) {
        var tableColumn = new GC.Spread.Sheets.Tables.TableColumn();
        tableColumn.name(labels[index]);
        tableColumn.dataField(name);
        tableColumns.push(tableColumn);
    });

绑定数据

table.bindColumns(tableColumns);
table.bindingPath('brokenLine');
var source = new GC.Spread.Sheets.Bindings.CellBindingSource(data);
sheet.setDataSource(source);

效果

了解SpreadJS产品更多特性：

/developer/spreadjs

下载产品体验产品功能：

/download/?pid=57

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。