作成日: 2022/07/11    最終更新日: 2025/07/30

 

以下は、お問合せいただくことの多い機能ごとに、ナレッジベース、デモ、リファレンスなど関連するリンクを紹介しています。ご活用いただけると幸いです。

また、検索ボックスでキーワードを使用しての検索もご活用ください。
使用方法に関するナレッジベースを検索したい場合は以下のように入力して検索できます。

"文書種別 使用方法" "スタイル" "FlexGrid"

検索方法の詳細については、「ナレッジベースの検索方法について」をご参照ください。

• グリッド
• チャート
• 入力（input系コントロール）

 

グリッド

• スタイル（背景色や文字色など）を設定する
  
  

  ナレッジベース	[FlexGrid] セルのスタイルを変更してスクロールすると、他のセルのスタイルが変更されてしまう [FlexGrid] セルのスタイルを設定する方法 [FlexGrid] セルのスタイルを設定する方法（CSSを使用する方法） [FlexGrid] 特定の列ヘッダのみをスタイル設定する方法 [FlexGrid] 選択行の行ヘッダのスタイルを変更する方法 [FlexGrid] 前景色、背景色を指定したセルにおいて、セル選択時にデフォルトの色で表示する方法 [FlexGrid] itemFormatter、またはformatItemでセルを表すHTML要素を設定できるセルについて [FlexGrid] [FlexChart] ガントチャートを実現する方法
  デモ	デモ > Tips > 列ヘッダーセルのスタイル変更 デモ > グリッド > スタイル > 列 デモ > グリッド > スタイル > 行 > 概要
  APIリファレンス	列：cssClass プロパティ | cssClassAll プロパティ 行：cssClass プロパティ | cssClassAll プロパティ itemFormatter プロパティ | formatItem イベント

• 特定の列／行／セルの編集を禁止する
  
  

  ナレッジベース	[FlexGrid] セル単位に編集可否を設定する方法 [FlexGrid] Tabキー、Enterキーでのセル移動で編集不可セルをスキップする方法
  デモ	デモ > Tips > 特定のセルのみ編集不可にする デモ > グリッド > 編集 > 編集禁止 デモ > グリッド > 編集 > 編集イベント
  APIリファレンス	isReadOnly プロパティ beginningEdit イベント

• セルの結合、列のグループ化
  
  

  ナレッジベース	[FlexGrid] 拡張したMergeManagerクラスをmergeManagerプロパティに割り当てた場合のデフォルトのマージ処理について [FlexGrid] 複数行／列ヘッダを結合する方法 [FlexGrid] 任意の範囲のセルを結合する方法 [FlexGrid] ヘッダ部のセルを結合する方法 [FlexGrid][MultiRow] セルの結合範囲を取得する方法 [FlexGrid] 結合した列ヘッダ（複数列）をまとめて列移動する方法 [FlexGrid] 列ヘッダを複数行にし、列結合したセルクリックでソートさせない方法
  デモ	デモ > グリッド > セル結合 > 概要 デモ > グリッド > 列 > 列グループ > 概要
  APIリファレンス	allowMerging プロパティ mergeManager プロパティ MergeManager クラス columnGroups プロパティ

• パフォーマンスを改善する
  
  

  ナレッジベース	[FlexGrid][MultiRow][FlexSheet] グリッドコントロールのパフォーマンスについて [FlexGrid] 列幅の自動調整のパフォーマンスについて [FlexGrid] autoSizeRowsメソッド実行時のパフォーマンスについて [FlexGrid] virtualizationThresholdで仮想化のしきい値を設定する方法
  デモ	デモ > グリッド > サイズ > 概要 デモ > グリッド > サイズ > 行の高さの自動調整（非同期）

• ソート
  
  

  ナレッジベース	[FlexGrid] 列単位でソートの可否を設定する方法 [MultiRow] 列単位でソートの可否を設定する方法 [FlexGrid] コードで列をソート、ソート解除する方法 [FlexGrid] 列ヘッダのセルをクリックしてソートする場合に、昇順→降順→ソートなしの順でソートさせる方法 [FlexGrid] ソート時にnullの位置を設定する方法 [FlexGrid] 文字列と数字を含む値を数字順でソートする方法 [FlexGrid] 複数列をソートする方法 [FlexGrid] 複数列ソートでソートインデックスを表示しない方法 [FlexGrid] ソート時にスクロールさせない方法 [FlexGrid] ソートとフィルタの自動更新を一時停止する方法 [FlexGrid] 列ヘッダを複数行にし、列結合したセルクリックでソートさせない方法 [FlexGrid] ソート、フィルタリングされていないデータを取得する方法 [FlexGrid] フィルタリング/ソート/ページング後に編集した行が、元データにおける何行目かを取得する方法 [OLAP] 同一のデータを設定している時、FlexGrid(CollectionView)とソート結果が異なる [CollectionView] 文字列のソート処理について [FlexSheet] ソートの状態を保存、復元する方法
  デモ	デモ > グリッド > ソート > 概要
  APIリファレンス	allowSorting プロパティ sortComparer プロパティ sortConverter プロパティ sortDescriptions プロパティ

• 数値列データの集計、選択範囲セルデータの集計を表示する
  
  

  ナレッジベース	[FlexGrid] 値が整数「0」の場合にブランク（非表示）にする方法
  デモ	デモ > グリッド > 集計 > データの下に集計 デモ > グリッド > 選択 > 複数範囲の選択 デモ > グリッド > イベント > 選択イベント
  APIリファレンス	aggregate プロパティ columnFooters プロパティ

• 行／列の固定
  
  

  ナレッジベース	[FlexGrid] 固定行列や行列ヘッダがセルより若干遅れてスクロールされる [FlexGrid] スクロールして新しいセルが表示されるまでに時間がかかってちらつく [FlexGrid] スクロール中に固定行と固定列が若干移動してしまう
  デモ	デモ > グリッド > 列 > 固定
  APIリファレンス	列：frozenColumns プロパティ 行：frozenRows プロパティ

• ドロップダウンリストを表示する
  
  

  ナレッジベース	[FlexGrid] セルにドロップダウンを配置する方法 [FlexGrid] セルのドロップダウンリストを動的に変更する方法 [FlexGrid] セルにドロップダウンリストにない値を入力する方法 [FlexGrid] ドロップダウンリストでテキスト入力を不可（選択のみ有効）にする方法 [FlexGrid] コードからDataMapのドロップダウンリストを表示する方法 [FlexGrid] セルのドロップダウンリストの高さを設定する方法 [FlexGrid] セル編集でオートコンプリート（入力補完）機能を持ったドロップダウンリストを使用する方法 [FlexGrid] カスタムエディタのドロップダウンボタンを非表示にする方法 [FlexGrid] 特定のセルにのみカスタムエディタを設定する方法
  デモ	デモ > グリッド > 列 > データマップ > シンプルなデータマップ デモ > グリッド > カスタムセル > カスタムエディタ
  APIリファレンス	DataMap クラス dataMap プロパティ dataMapEditor プロパティ editor プロパティ

• ドラッグ＆ドロップ、行の移動
  
  

  ナレッジベース	[FlexGrid] ドラッグ＆ドロップで行を移動する方法 [FlexGrid] ドラッグ＆ドロップされたファイルの情報を表示する方法 [FlexGrid] 行移動、列移動のドラッグ時にスクロールする方法 [FlexGrid] 結合した列ヘッダ（複数列）をまとめて列移動する方法 [FlexGrid] 行ヘッダでの行選択と行移動の併用する方法
  デモ	デモ > グリッド > 行 > 並べ替え デモ > グリッド > イベント > ドラッグ＆ドロップイベント
  APIリファレンス	allowDragging プロパティ

• コピー＆ペースト
  
  

  ナレッジベース	[FlexGrid] ヘッダを含めてコピーする方法 [MultiRow] ヘッダを含めてコピーする方法 [FlexGrid] 特定のセルのコピーを禁止する方法 [FlexGrid] 選択セルの内容をコードからコピー／ペーストする方法 [FlexGrid] セルをコピー（Ctrl+C）した際にコピー範囲を点線で囲む方法 [FlexGrid] セルに貼り付けられる文字列を制御する方法
  デモ	デモ > Tips > コピー時にマーキーを有効にする デモ > 基本機能 > クリップボード デモ > グリッド > クリップボード
  APIリファレンス	コピーイベント：copying | copied 貼り付けイベント：pasting | pasted | pastingCell | pastedCell autoClipboard プロパティ Clipboard クラス setClipString メソッド

• 行ヘッダ
  
  

  ナレッジベース	[FlexGrid] 行ヘッダを非表示にする方法 [FlexGrid] 行ヘッダの幅を変更する方法 [FlexGrid] 行ヘッダに文字列を表示する方法 [FlexGrid] 選択行の行ヘッダのスタイルを変更する方法 [FlexGrid] クリックされたセル（列ヘッダ、行ヘッダ、通常セル）を判別する方法
  APIリファレンス	headersVisibility プロパティ rowHeaders プロパティ Column クラス > width プロパティ

• チェックボックス
  
  

  ナレッジベース	[FlexGrid] セルのチェックボックス外をクリックして、チェックボックスを切り替える方法 [FlexGrid] セル内のチェックボックスの値により行選択を制御する方法 [FlexGrid] セルに表示されるチェックボックスのサイズを変更する方法 [FlexGrid] 特定のセルのチェックボックスを変更不可にする方法 [FlexGrid] Selector使用したFlexGridで、初期表示時に行を選択する方法 [FlexGrid] Selectorでチェックボックスを表示している場合、rowsに新たな行を追加してもチェックボックスが表示されない [FlexGrid] Selectorクラスを使用して表示したチェックボックスの一部を無効にする方法 [FlexGrid] Boolean型の列の列ヘッダーに全選択／選択解除できるチェックボックスを表示する方法 [FlexGrid] ヘッダにチェックボックスを配置する方法 [FlexGrid] itemFormatterなどで追加したHTML要素の変更内容が消える現象について
  デモ	デモ > グリッド > 選択 > チェックボックス
  APIリファレンス	Selector クラス BooleanChecker クラス

• IMEの有効化（クイック編集で最初の文字から日本語で入力する）
  
  

  ナレッジベース	[FlexGrid] セル選択状態でIMEを有効にする方法 [FlexGrid] 列単位でIMEの状態を変更する方法
  デモ	デモ > グリッド > 編集 > IMEの有効化
  APIリファレンス	imeEnabled プロパティ

• CollectionView（行の追加や削除、変更の追跡、データのエラー検証など）
  
  

  ナレッジベース	[FlexGrid] ボタン押下時にFlexGridにエラーがあるかどうかを確認する方法 [FlexGrid] 検証エラーがある場合、行ヘッダにはエラーメッセージを表示させない方法 [FlexGrid] コードから行を追加、削除する方法 [FlexGrid] コードで行編集を終了させる方法 [FlexGrid] 指定した位置に空白行を挿入する方法 [FlexGrid] allowAddNewプロパティを有効にして追加する行の初期値を設定する方法 [FlexGrid] ディープバインディングが設定された場合に新しい項目を追加する方法 [FlexGrid] 編集直後に入力値をチェックする方法 [FlexGrid]条件を指定したフィルタリング（Excelライクなフィルタリング） [FlexGrid] FlexGridSearchで強調のみ行う方法 [FlexGrid] ツリービューでデータをフィルタする方法 [CollectionView] wijmo.CollectionViewを参照するとエラーが発生する [FlexGrid] 追加できる行の数を制限する方法
  デモ	デモ > 基本機能 > CollectionView > 編集 > 編集 デモ > 基本機能 > CollectionView > 編集 > 項目の追加と削除 デモ > 基本機能 > CollectionView > 編集 > 変更の追跡 デモ > 基本機能 > CollectionView > 編集 > 検証
  APIリファレンス	CollectionView クラス addNew メソッド commitNew メソッド

• 列情報の取得（MultiRow）
  
  

  ナレッジベース	[MultiRow] セルからバインドされている列情報（Columnオブジェクト）を取得する方法 [MultiRow] columnsプロパティで列情報を取得すると異なる列が取得される
  APIリファレンス	getBindingColumn メソッド columns プロパティ

 

チャート

• Y軸を複数表示する
  
  

  ナレッジベース	[FlexChart] Y軸を複数表示する方法
  デモ	デモ > チャート > チャートの機能 > 複数の軸 デモ > チャート > 棒チャート > 複数のチャート
  APIリファレンス	axisY プロパティ

• チャート上にデータラベルを表示する
  
  

  ナレッジベース	[FlexChart] 関数を使用してデータラベルを設定する方法 [FlexChart] データラベルの表示・非表示を制御する方法 [FlexChart] 横棒グラフにてデータラベルを右揃えで表示する方法 [FlexChart] 積み上げ棒グラフのバーの最上部に合計値を表示する方法 [FlexChart] 棒グラフの中央にデータラベルを表示する方法
  デモ	デモ > チャート > 棒チャート > データラベル デモ > チャート > チャートの機能 > データラベル
  APIリファレンス	content プロパティ

• 軸ラベルの表示、カスタマイズ
  
  

  ナレッジベース	[FlexChart] 軸ラベルを省略させない方法
  デモ	デモ > チャート > 棒チャート > 軸の範囲 デモ > チャート > チャートの機能 > カスタム軸ラベル
  APIリファレンス	min プロパティ | max プロパティ majorUnit プロパティ | minorUnit プロパティ itemFormatter プロパティ

• 凡例のスクロール表示
  
  

  ナレッジベース	[FlexChart] 凡例をスクロールで表示する方法
  APIリファレンス	Legend クラス >   scrollbar プロパティ

• グラフの色や線種、凡例のスタイルを設定する
  
  

  ナレッジベース	[FlexChart] 個別に棒グラフの色を設定する方法 [FlexChart] 折れ線チャートを破線にする方法
  デモ	デモ > チャート > チャートの機能 > パレット デモ > チャート > チャートの機能 > 系列のスタイル デモ > チャート > チャートの機能 > 凡例とタイトル
  APIリファレンス	Series クラス > itemFormatter プロパティ palette プロパティ style プロパティ | symbolStyle プロパティ header プロパティ | footer プロパティ Axis クラス > title プロパティ

• クリックしたチャートの要素を取得する
  
  

  ナレッジベース	[FlexChart] クリックしたチャートの要素を判定する方法 [FlexChart] PlotArea上のマウスの位置（座標）を取得する方法
  デモ	デモ > チャート > チャートの機能 > 選択 デモ > チャート > チャートの機能 > ヒットテスト
  APIリファレンス	selectionMode プロパティ hitTest メソッド HitTestInfo クラス

• チャートを画像として保存する
  
  

  デモ	デモ > チャート > チャートの機能 > エクスポート
  APIリファレンス	saveImageToFile メソッド

• 画像上に任意のテキストや図形を表示する（注釈）
  
  

  デモ	デモ > チャート > チャートの機能 > 注釈 デモ > チャート > 折れ線／面チャート > 注釈
  APIリファレンス	wijmo.chart.annotation モジュール

• 欠損値の補間
  
  

  ナレッジベース	[FlexChart] データの一部が欠損（null値）している場合に補間する方法
  デモ	デモ > チャート > 折れ線／面チャート > 欠落データ
  APIリファレンス	interpolateNulls プロパティ

• 積み上げ棒グラフを並べて表示する
  
  

  ナレッジベース	[FlexChart] 積み上げ棒グラフを並べて表示する方法
  デモ	デモ > Tips > 積み上げ棒グラフを並べて表示する方法
  APIリファレンス	stacking プロパティ options プロパティ > groupWidth Axis クラス > itemsSource プロパティ

 

入力（input系コントロール）

• 値をクリア（nullを設定）する
  
  

  ナレッジベース	数値や日時などの入力で入力内容をクリア（nullを設定）できるようにする方法
  デモ	デモ > 入力 > コンボボックス > 文字列
  APIリファレンス	isRequired プロパティ

• コンボボックス（ComboBox）
  
  

  ナレッジベース	[ComboBox] 表示内容と選択内容を別にする方法 [ComboBox] 初期表示時に空白を表示する方法 [ComboBox] 無効化時の背景色を変更する方法 [ComboBox] 特定のComboBoxのみ背景色を変更する方法 [ComboBox] リストの高さを設定する方法 [ComboBox] リスト項目に設定した空白を他の項目と同じ高さにする方法 [ComboBox] 大文字と小文字を区別して検索する方法 [ComboBox] 任意の項目を選択不可にする方法 [ComboBox] コンボボックスAの選択肢によってコンボボックスBの内容を変更する方法
  デモ	デモ > Tips > コンボボックスの動的なアイテム変更 デモ > 入力 > コンボボックス > 複数列 デモ > 入力 > コンボボックス > HTMLコンテンツ デモ > 入力 > コンボボックス > オブジェクト > 連鎖
  APIリファレンス	headerPath プロパティ formatItem イベント dropDownCssClass プロパティ

• オートコンプリート（AutoComplete）
  
  

  ナレッジベース	[AutoComplete] 1文字だけ入力したときに項目リストを表示する方法 [AutoComplete] ドロップダウンリストのフィルタリングをクリアする方法 [AutoComplete] リスト項目を動的に作成する方法
  デモ	デモ > 入力 > オートコンプリート > 検索 > 検索条件
  APIリファレンス	minLength プロパティ itemsSourceFunction プロパティ

• 数値入力（InputNumber）
  
  

  ナレッジベース	[InputNumber] 入力時と入力確定時で書式を変更する方法 [InputNumber] 入力文字数を制限する方法 [InputNumber] マウスホイールによる値の増減を無効にする方法
  デモ	デモ > 入力 > 数値入力 > 書式
  APIリファレンス	format プロパティ inputElement プロパティ handleWheel プロパティ

• ポップアップ（Popup）
  
  

  ナレッジベース	[Popup] Popupの中央にPopupを表示する方法 [Popup] Popupごとに背景色を設定する方法 [Popup] Escキー押下でPopupを非表示にさせない方法 [Popup] モーダルダイアログ表示時の親画面のオーバーレイの色をPopupごとに変更する方法 [Popup] モーダルダイアログ表示時の親画面のオーバーレイの色を変更する方法 [Popup] AngularJSでPopup上に配置したInputコントロールの値をスコープを使用して取得する方法
  デモ	デモ > 入力 > ポップアップ > ダイアログ
  APIリファレンス	show メソッド shown イベント

• カレンダー（Calendar／InputDate）
  
  

  ナレッジベース	[Calendar][InputDate] 土日の色を変更する方法
  デモ	デモ > 入力 > カレンダー > スタイル デモ > 入力 > 日付入力 > カスタム表示
  APIリファレンス	Calendar クラス > itemFormatter プロパティ | formatItem イベント InputDate クラス > itemFormatter プロパティ