Spread.Sheetsでは、配列オブジェクト、およびKnockout.observableArrayとの連結がサポートされます。また、セルレベルの連結により、任意のオブジェクトに連結することもできます。
Spread.Sheetsでは、両方向のデータ連結がサポートされます。
特定の列をデータ連結するには、bindColumnメソッドを使用します。
詳細については、以下の各トピックを参照してください。
次のサンプルコードは、bindColumnメソッドを使用して特定の列を連結します。
| JavaScript |
コードのコピー
|
|---|---|
| var datasource = [ { name: "Alice", age: 27, birthday: "1985/08/31", position: "PM" }, { name: "Aimee", age: 28, birthday: "1984/07/31", position: "TL" }, { name: "Charles", age: 29, birthday: "1983/03/31", position: "QC" }, { name: "Fred", age: 30, birthday: "1982/02/20", position: "DL" }, { name: "Angelia", age: 31, birthday: "1981/05/30", position: "QC" }, { name: "Peter", age: 32, birthday: "1980/11/08", position: "QC" } ]; var nameColInfo = { name: "name", displayName: "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 }; activeSheet.setDataSource(datasource); activeSheet.bindColumn(0, nameColInfo); activeSheet.bindColumn(1, ageColInfo); activeSheet.bindColumn(2, birthdayColInfo); activeSheet.bindColumn(3, positionColInfo); |
|
次のサンプルコードは、bindColumnメソッドを使用して特定の列を連結します。
| JavaScript |
コードのコピー
|
|---|---|
| var test = [ {"Series0":2,"Series1":1}, {"Series0":4,"Series1":2}, {"Series0":3,"Series1":4} ]; activeSheet.setDataSource(test); activeSheet.bindColumn(1,"Series0"); activeSheet.bindColumn(0,"Series1"); |
|
次のサンプルコードは、setDataSourceメソッドを使用してシートを連結します。
| JavaScript |
コードのコピー
|
|---|---|
| var test = [ {"Series0":2,"Series1":1}, {"Series0":4,"Series1":2}, {"Series0":3,"Series1":4} ]; activeSheet.autoGenerateColumns=true; activeSheet.setDataSource(test, true); //activeSheet.setDataSource(test); |
|
次のサンプルコードは、JSON配列オブジェクトを連結します。
| JavaScript |
コードのコピー
|
|---|---|
| var jasonArray = '{"phoneNumbers": [{"type": "home","number": "212 555-1234"},{"type": "fax","number": "646 555-4567"}]}'; var arr = JSON.parse(jasonArray); activeSheet.setDataSource(arr.phoneNumbers); |
|