[FlexGrid] 列editorを設定後にimeEnabledをtrueに変更すると、Shift+Tabによるフォーカス移動ができなくなる – MESCIUS ナレッジベース

作成日: 2022/07/08 最終更新日: 2022/09/07

文書種別

不具合

状況

修正済み

詳細

列Editerを使用している際、imeEnabled=trueの場合に、グリッドからShift+Tabキーでフォーカスが移動できません。

回避方法

この問題はバージョン5.20221.857で修正されました。

修正版を適用しない場合の回避方法は次の通りです。

方法１：列editorを設定する前にimeEnabled=trueを設定する

// グリッドを作成してデータを表示します。
var flexGrid = new wijmo.grid.FlexGrid('#FlexGrid');
flexGrid.itemsSource = createData(5);

// 回避方法１
flexGrid.imeEnabled = true;

// カスタムエディタを設定
let combo =new wijmo.input.ComboBox(document.createElement("div"));
flexGrid.columns[1].editor = combo;

方法２：imeEnabledをtrueに設定した直後でeditorの入力要素にtabIdex=-1を設定する

// グリッドを作成してデータを表示します。
var flexGrid = new wijmo.grid.FlexGrid('#FlexGrid');
flexGrid.itemsSource = createData(5);

// カスタムエディタを設定
let combo =new wijmo.input.ComboBox(document.createElement("div"));
flexGrid.columns[1].editor = combo;

flexGrid.imeEnabled = true;
// 回避方法２
combo.hostElement.querySelector('input').tabIndex = -1;