作成日: 2022/04/22 最終更新日: 2022/04/22
文書種別
制限事項
状況
回避方法あり
詳細
複数の列でセルテンプレート配下にInputMaskを配置した状態で次の操作を行うと操作2で行った入力がセルに反映されません。
操作1. セルテンプレートを設定したセルにクイック編集を実行し値を確定する
操作2. 他のセルテンプレートを設定したセルに、クイック編集で任意の1文字を入力し確定する
回避方法
セルテンプレートの代わりに列のeditorプロパティを利用します。
<wj-flex-grid #grid [itemsSource]="data" (initialized)="initGrid(grid)">
<wj-flex-grid-column header="Country" [binding]="'country'">
</wj-flex-grid-column>
<wj-flex-grid-column header="Currency" [binding]="'currency'">
</wj-flex-grid-column>
</wj-flex-grid>
initGrid(grid) {
const countryEditor = new wjInput.InputMask(document.createElement('div'), {
mask: 'HHHHH',
});
grid.columns.getColumn('country').editor = countryEditor;
const currentcyEditor = new wjInput.InputMask(
document.createElement('div')
);
grid.columns.getColumn('currency').editor = currentcyEditor;
}