作成日: 2021/03/11 最終更新日: 2021/03/11
文書種別
制限事項
詳細
AngularでSpreadJSを使用した場合に、<gc-spread-sheets>に対してtabindexを設定しても有効になりません。
tabindexはSpreadJSを構成する 「gcuielement="gcSheetFocusElementForTab"」の属性を持つdiv要素に設定される必要がありますが、<gc-spread-sheets>にtabindex属性を追加しても、SpreadJS内部のdiv要素には反映されません。
tabindexはSpreadJSを構成する 「gcuielement="gcSheetFocusElementForTab"」の属性を持つdiv要素に設定される必要がありますが、<gc-spread-sheets>にtabindex属性を追加しても、SpreadJS内部のdiv要素には反映されません。
回避方法
SpreadJSのdiv要素に対してコードでtabindexを設定します。
◆サンプルコード
----------------------------------------------------
【app.component.html】
<gc-spread-sheets (workbookInitialized)="workbookInit($event)">
【app.component.ts】
workbookInit(args:any){
let spread = args.spread;
let spreadHost = spread.getHost();
let spFocusElement = spreadHost.querySelector('div[gcuielement="gcSheetFocusElementForTab"]');
if (spFocusElement) {
spFocusElement.setAttribute("tabindex", "-1");
}
}
----------------------------------------------------
◆サンプルコード
----------------------------------------------------
【app.component.html】
<gc-spread-sheets (workbookInitialized)="workbookInit($event)">
【app.component.ts】
workbookInit(args:any){
let spread = args.spread;
let spreadHost = spread.getHost();
let spFocusElement = spreadHost.querySelector('div[gcuielement="gcSheetFocusElementForTab"]');
if (spFocusElement) {
spFocusElement.setAttribute("tabindex", "-1");
}
}
----------------------------------------------------
旧文書番号
86486