作成日: 2015/06/23 最終更新日: 2015/09/16
文書種別
不具合
状況
修正済み
詳細
タブ切り替え時に発生するselectイベントにて、データを再設定するか、doRefreshメソッドやensureControlメソッドで再描画を実行するとJavaScriptエラーが発生します。
【再現手順】
1.サンプルを実行します
2.F12管理者ツールにてコンソールを表示します
3.グリッドのスクロールを右へずらした後に、「テスト2」タブへ切り替えます
4.テスト2タブのグリッドが表示されたら、再度「テスト1」タブへ切り替えます
結果:下記のエラーがコンソールに表示されます
◆エラーメッセージ
SCRIPT5007: 未定義または NULL 参照のプロパティ 'innerWidth' は取得できません
ファイル: jquery.wijmo-open.all.3.20143.59.min.js、行: 76、列: 24285
【サンプルコード(html)】
<div id="testTab">
<ul>
<li><a href="#tab1">テスト1</a></li>
<li><a href="#tab2">テスト2</a></li>
</ul>
<div id="tab1">
<table id="GridID1"></table>
</div>
<div id="tab2">
<table id="GridID2"></table>
</div>
</div>
【サンプルコード(JavaScript)】
var data = [
{ data01: 'XXX', data02: 'XXX', data03: 'XXX', data04: 'XXX', data05: 'XXX', data06: 'XXX', data07: 'XXX', data08: 'XXX', data09: 'XXX', data10: 'XXX', data11: 'XXX', data12: 'XXX', data13: 'XXX', data14: 'XXX', data15: 'XXX', data16: 'XXX', data17: 'XXX', data18: 'XXX', data19: 'XXX', data20: 'XXX' },
:
];
$(function () {
// グリッドの初期化
$("#testTab").wijtabs({
select: function (e, args) {
$("#GridID1").wijgrid("option", "data", data);
$("#GridID2").wijgrid("option", "data", data);
}
});
$("#GridID1").wijgrid({
scrollingSettings: {
mode: 'both'
},
data: data
});
$("#GridID2").wijgrid({
scrollingSettings: {
mode: 'both'
},
data: data
});
});
【再現手順】
1.サンプルを実行します
2.F12管理者ツールにてコンソールを表示します
3.グリッドのスクロールを右へずらした後に、「テスト2」タブへ切り替えます
4.テスト2タブのグリッドが表示されたら、再度「テスト1」タブへ切り替えます
結果:下記のエラーがコンソールに表示されます
◆エラーメッセージ
SCRIPT5007: 未定義または NULL 参照のプロパティ 'innerWidth' は取得できません
ファイル: jquery.wijmo-open.all.3.20143.59.min.js、行: 76、列: 24285
【サンプルコード(html)】
<div id="testTab">
<ul>
<li><a href="#tab1">テスト1</a></li>
<li><a href="#tab2">テスト2</a></li>
</ul>
<div id="tab1">
<table id="GridID1"></table>
</div>
<div id="tab2">
<table id="GridID2"></table>
</div>
</div>
【サンプルコード(JavaScript)】
var data = [
{ data01: 'XXX', data02: 'XXX', data03: 'XXX', data04: 'XXX', data05: 'XXX', data06: 'XXX', data07: 'XXX', data08: 'XXX', data09: 'XXX', data10: 'XXX', data11: 'XXX', data12: 'XXX', data13: 'XXX', data14: 'XXX', data15: 'XXX', data16: 'XXX', data17: 'XXX', data18: 'XXX', data19: 'XXX', data20: 'XXX' },
:
];
$(function () {
// グリッドの初期化
$("#testTab").wijtabs({
select: function (e, args) {
$("#GridID1").wijgrid("option", "data", data);
$("#GridID2").wijgrid("option", "data", data);
}
});
$("#GridID1").wijgrid({
scrollingSettings: {
mode: 'both'
},
data: data
});
$("#GridID2").wijgrid({
scrollingSettings: {
mode: 'both'
},
data: data
});
});
回避方法
旧文書番号
81372