ItemSlicer コンストラクタ

アイテムスライサーを表します。

シンタックス

Javascript (Usage)
Javascript (Specification)

// パラメータ
var name; //タイプ： string
var slicerData; //タイプ： GeneralSlicerData
var columnName; //タイプ： string

var instance = new GC.Spread.Sheets.Slicers.ItemSlicer(name, slicerData, columnName);

function ItemSlicer( 
   name : string,
   slicerData : GeneralSlicerData,
   columnName : string
) : ItemSlicer;

パラメータ

name: アイテムスライサーの名前。
slicerData: GeneralSlicerDataまたはTableSlicerDataのインスタンス。
columnName: アイテムスライサーに関連する列名。

使用例

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

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>

参照

ItemSlicer タイプ