Skip to content

Latest commit

 

History

History
44 lines (40 loc) · 1.81 KB

1.表单级别绑定.md

File metadata and controls

44 lines (40 loc) · 1.81 KB

表单级别绑定

Excel.View.Sheets 支持绑定数据源到表单(绑定类型有表单级别绑定和单元格级别绑定。)

你可以使用 setDataSource 和 getDataSource 方法来设置获取数据源。 在设置数据源之前, 你可以使用 autoGenerateColumns 方法来控制是否自动生成绑定列。 例如:

var customers = [
   { ID:0, Name:'A', Info1:'Info0' },
   { ID:1, Name:'B', Info1:'Info1' },
   { ID:2, Name:'C', Info1:'Info2' },
];
sheet.autoGenerateColumns = true;
sheet.setDataSource(customers);

你也可以使用 getDataItem 方法来获取指定行的数据信息。

你可以像这个例子版将数据字段绑定到指定的列:

var datasource = [
   { name: 'Alice', age: 27, birthday: '1985/08/31', position: 'PM' }
];
// bindColumn one by one 
var nameColInfo = { name: 'name', displayName: 'Display Name', size: 70 };
var ageColInfo = { name: 'age', displayName: 'Age', size: 40, resizable: false };
var birthdayColInfo = { name: 'birthday', displayName: 'Birthday', formatter: 'd/M/yy', size: 120 };
var positionColInfo = { name: 'position', displayName: 'Position', size: 50, visible: false };
sheet.autoGenerateColumns = false;
sheet.setDataSource(datasource);
sheet.bindColumn(0, nameColInfo);
sheet.bindColumn(1, birthdayColInfo);
sheet.bindColumn(2, ageColInfo);
sheet.bindColumn(3, positionColInfo);

// or use bindColumns to bind all custom columns
var colInfos = [
   { name: 'position', displayName: 'Position', size: 50, visible: false },
   { name: 'name', displayName: 'Display Name', size: 70 },
   { name: 'birthday', displayName: 'Birthday', formatter: 'd/M/yy', size: 120 },
   { name: 'age', displayName: 'Age', size: 40, resizable: false },
];
sheet.autoGenerateColumns = false;
sheet.setDataSource(datasource);
sheet.bindColumns(colInfos);