Wijmo

JavaScript

Wijmo FlexGridFilterで画面ロードと同時に絞り込む方法

FlexGridFilterの適用は公式ページに記載してある通りとってもカンタンです たったの1行でフィルターの設定が完了します let theGrid = new FlexGrid('#theGrid'); let fil...
JavaScript

Wijmo 列ヘッダを2段にする方法

前回の投稿で行列の固定方法について記載しましたが、 今回の記事は列ヘッダの行を増やす方法についてです。 きっかけは、行列の固定ではソートによって固定した行が移動してしまったからです。 固定とは言え、データの並び替えが効いてしまうようです。それなら そもそも列ヘッダに埋め込んでしまえばいい。という発想です。
JavaScript

Wijmo 行列の固定化で効率化

Excelで良く使う、「ウィンドウ枠の固定」のような動きが実現できます。 出力項目が多くなるような表では、主となる特定の行列を常時表示し、 その他の属性情報を見えるようにしたい場合があります。
JavaScript

Wijmoでデータを削除する

FlexGrid上の任意の行を削除する方法を紹介します。 行選択状態でDeleteキーを押下することで削除する方法もありますが、 プログラムから行削除を行うケースもあるかと思います。
JavaScript

Wijmoで行追加しつつデータをコピーする

行コピーを行う方法をサンプル交えて解説
JavaScript

Wijmoでどこでも行追加

WijmoのFlexGridは簡単に行を追加できる仕組みを持っています。 グリッドの一番下に空の行を用意して、入力があれば新規行を生成するという動きが自然にできます。 また、行をドラッグ&ドロップで移動することもできる為、ほとんどの場合、最下行に新規入力欄があれば事足りると思われます。 一方で、任意の場所に行を挿入したい場合には今回ご紹介する手法が役に立ちます。
JavaScript

[Wijmo]SelectorのAllCheckでSelectionChangedを処理したくない

今回はWijmoでチェックボックスを実装する際によく使われそうなSelectorに関連する情報です。Selectorを使うと、表内にチェックボックス列を簡単に実装できます。ただ、このSelectorのチェックボックスはRowsのisSelectedというプロパティと連動しているそうで、チェックを付けるとその行を「選択した」という扱いになります。
JavaScript

[Wijmo]行追加イベントが発生しない

新規行をカスタムする処理を実装する際に、引っかかった落とし穴です newItemCreator/rowAdded/addNewの関係を理解すればスッキリします
JavaScript

[Wijmo][FlexGrid]左端の幅を狭くする

左端の幅を狭くして表の領域を有効活用する方法を書いておきます。
JavaScript

[Wijmo] [MultiRow]getCellDataよりもスマートな値の取り方

WijmoのMultiRowを使い始めて数日、1レコードを複数行レイアウトでパッと作成できるのはとても便利なのですが、値を取得するとなるとちょっとややこしいところがありまして、、、公式ドキュメントでは getCellData でセルの値を取得するように書かれていますが、もっとスマートな方法を見つけました。MultiRowsの中にある _data プロパティに行のデータが格納されてました。