JavaScript

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

[InputManJS]右クリックを無効にする方法

アプリケーション画面で右クリックを防止したいと思い、bodyに対してcontextmenuのイベントを無効にしたけど、InputManJSの部品は右クリックが出来てしまったんですよねー。右クリックを完全に無効にするためには、InputManJSのjsファイルを編集する必要があります。
JavaScript

ドロップダウンの幅を動的に変化させる方法

コンボボックスのドロップダウンリストに動的コンテンツを設定したい。でも場合によっては見切れてしまうものがあるかも。かと言って、ドロップダウンリストの幅をあらかじめ大きくしているとちょっと見栄えが悪くなる。そういう場面で参考になるかと思います。
JavaScript

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

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