JavaScriptWijmo FlexGridFilterで画面ロードと同時に絞り込む方法 FlexGridFilterの適用は公式ページに記載してある通りとってもカンタンです たったの1行でフィルターの設定が完了しますlet theGrid = new FlexGrid('#theGrid');let filte... 2024.03.20JavaScript
JavaScriptWijmo 列ヘッダを2段にする方法 前回の投稿で行列の固定方法について記載しましたが、今回の記事は列ヘッダの行を増やす方法についてです。きっかけは、行列の固定ではソートによって固定した行が移動してしまったからです。固定とは言え、データの並び替えが効いてしまうようです。それならそもそも列ヘッダに埋め込んでしまえばいい。という発想です。 2024.02.06JavaScript
JavaScriptWijmo 行列の固定化で効率化 Excelで良く使う、「ウィンドウ枠の固定」のような動きが実現できます。出力項目が多くなるような表では、主となる特定の行列を常時表示し、その他の属性情報を見えるようにしたい場合があります。 2023.12.19JavaScript
JavaScriptWijmoでデータを削除する FlexGrid上の任意の行を削除する方法を紹介します。行選択状態でDeleteキーを押下することで削除する方法もありますが、プログラムから行削除を行うケースもあるかと思います。 2023.12.19JavaScript
JavaScriptWijmoでどこでも行追加 WijmoのFlexGridは簡単に行を追加できる仕組みを持っています。グリッドの一番下に空の行を用意して、入力があれば新規行を生成するという動きが自然にできます。また、行をドラッグ&ドロップで移動することもできる為、ほとんどの場合、最下行に新規入力欄があれば事足りると思われます。一方で、任意の場所に行を挿入したい場合には今回ご紹介する手法が役に立ちます。 2023.05.25JavaScript
JavaScript[Wijmo]SelectorのAllCheckでSelectionChangedを処理したくない 今回はWijmoでチェックボックスを実装する際によく使われそうなSelectorに関連する情報です。Selectorを使うと、表内にチェックボックス列を簡単に実装できます。ただ、このSelectorのチェックボックスはRowsのisSelectedというプロパティと連動しているそうで、チェックを付けるとその行を「選択した」という扱いになります。 2022.07.09JavaScript開発
JavaScript[Wijmo]行追加イベントが発生しない 新規行をカスタムする処理を実装する際に、引っかかった落とし穴ですnewItemCreator/rowAdded/addNewの関係を理解すればスッキリします 2022.06.15JavaScript開発
JavaScript[InputManJS]右クリックを無効にする方法 アプリケーション画面で右クリックを防止したいと思い、bodyに対してcontextmenuのイベントを無効にしたけど、InputManJSの部品は右クリックが出来てしまったんですよねー。右クリックを完全に無効にするためには、InputManJSのjsファイルを編集する必要があります。 2022.06.02JavaScript開発
JavaScriptドロップダウンの幅を動的に変化させる方法 コンボボックスのドロップダウンリストに動的コンテンツを設定したい。でも場合によっては見切れてしまうものがあるかも。かと言って、ドロップダウンリストの幅をあらかじめ大きくしているとちょっと見栄えが悪くなる。そういう場面で参考になるかと思います。 2022.05.24JavaScript