[]
デモ ヘルプ APIリファレンス
トライアル版
(Showing Draft Content)

Wijmo_Grid_Style.Flexgridstyle

FlexGridStyle クラス

FlexGrid コントロールのスタイリング API を実装します。

FlexGrid コントロールのセルをスタイル設定するには、FlexGridStyle のインスタンスを作成し、グリッドをパラメーターとしてコンストラクターに渡します。 例えば:

import { FlexGrid } from '@mescius/wijmo.grid';
import { FlexGridStyle } from '@mescius/wijmo.grid.style';
let theGrid = new FlexGrid('#theGrid'); // グリッドを生成します。
let flexGridStyle = new FlexGridStyle(theGrid); // FlexGridStyleオブジェクトを作成します。

FlexGridStyle クラスは wijmo.grid モジュールに依存しています。

以下のサンプルでは、FlexGridStyle を使用して FlexGrid コントロールにスタイルを追加/削除する方法を示しています:

サンプル

階層

  • FlexGridStyle

コンストラクタ

メソッド

コンストラクタ

constructor

メソッド

applyStyle

  • applyStyle(rng: CellRange, style: Partial<CSSStyleDeclaration>, panel?: GridPanel, inline?: boolean): void

  • 指定されたスタイル（インラインまたはクラスベース）をセル範囲に適用します

    引数

    • rng: CellRange

      スタイルを適用する CellRange

    • style: Partial<CSSStyleDeclaration>

      セルに適用する CSS スタイルオブジェクト

    • オプション panel: GridPanel

      CellRange が属する GridPanel

    • オプション inline: boolean

      スタイルをインラインで追加するか、新しいクラスを作成するか

    戻り値 void

clearAllStyles

  • グリッド全体または指定されたセル範囲から適用されたすべてのスタイルを削除します。

    引数

    戻り値 void

removeStyle

  • removeStyle(rng: CellRange, style: Partial<CSSStyleDeclaration>, panel?: GridPanel): void

  • 特定のスタイルをセル範囲から削除します。

    引数

    戻り値 void

toggleClass

  • toggleClass(rng: CellRange, className: string, panel?: GridPanel, addOrRemove?: boolean): void

  • 指定されたセル範囲に指定された CSS クラス名をトグルします

    引数

    • rng: CellRange

      スタイルを適用する CellRange

    • className: string

      指定された CellRange に適用する CSS クラス名

    • オプション panel: GridPanel

      CellRange が属する GridPanel

    • オプション addOrRemove: boolean

      クラスを追加するか削除するか、このパラメーターを省略すると指定されたクラスをトグルします

    戻り値 void