TableSlicerData コンストラクタ

テーブルスライサーのデータを表します。

シンタックス

Javascript (Usage)
Javascript (Specification)

// パラメータ
var table; //タイプ： Table

var instance = new GC.Spread.Sheets.Slicers.TableSlicerData(table);

function TableSlicerData( 
   table : Table
) : TableSlicerData;

パラメータ

table: テーブル。

使用例

次のサンプルコードは、テーブルのスライサーを作成します。

Javascript

// 次のサンプルコードは、テーブルのスライサーを作成します。// テーブルを作成します。 var dataSource = [ { Name: "Bob", City: "NewYork", Birthday: "1968/6/8" }, { Name: "Betty", City: "NewYork", Birthday: "1972/7/3" }, { Name: "Alice", City: "Washington", Birthday: "2012/2/15" }, ]; var table = activeSheet.tables.addFromDataSource("table1", 1, 1, dataSource); var slicerData = new GC.Spread.Sheets.Slicers.TableSlicerData(table) // スライサーデータをアイテムスライサーに設定します。 var slicer = new GC.Spread.Sheets.Slicers.ItemSlicer("slicer", slicerData, "Name"); // アイテムスライサーをDOMツリーに追加します。// "slicerHost"は、スライサーのDOMを追加する対象のdivです。 $("#slicerHost").append(slicer.getDOMElement());

Javascript

//create table
var dataSource = [
    { Name: "Bob", City: "NewYork", Birthday: "1968/6/8" },
    { Name: "Betty", City: "NewYork", Birthday: "1972/7/3" },
    { Name: "Alice", City: "Washington", Birthday: "2012/2/15" },
];
var table = activeSheet.tables.addFromDataSource("table1", 1, 1, dataSource);
var slicerData = new GC.Spread.Sheets.Slicers.TableSlicerData(table)
//Set slicer data to item slicer.
var slicer = new GC.Spread.Sheets.Slicers.ItemSlicer("slicer", slicerData, "Name");
//Add the item slicer to the dom tree.
//The "slicerHost" is the div you want to add the slicer's dom to.
$("#slicerHost").append(slicer.getDOMElement());

.....
<div id="slicerHost" style="height: 300px; width: 50%"></div>

参照

TableSlicerData クラス