Spread.Sheets
ItemSlicer コンストラクタ
アイテムスライサーの名前。
GeneralSlicerDataまたはTableSlicerDataのインスタンス。
アイテムスライサーに関連する列名。
アイテムスライサーを表します。
シンタックス
Javascript (Usage) 
var instance = new GC.Spread.Sheets.Slicers.ItemSlicer(name, slicerData, columnName);
Javascript (Specification) 
function ItemSlicer( 
   name : string,
   slicerData : GeneralSlicerData,
   columnName : string
) : ItemSlicer;

パラメータ

name
アイテムスライサーの名前。
slicerData
GeneralSlicerDataまたはTableSlicerDataのインスタンス。
columnName
アイテムスライサーに関連する列名。
使用例
次のサンプルコードは、アイテムスライサーを作成します。
//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 タイプ

 

 


© 2016-2018, GrapeCity inc. All rights reserved.