作成日: 2015/02/18 最終更新日: 2015/05/21
文書種別
不具合
状況
修正済み
詳細
グループ化項目を持つGridでallowVirtualScrollingプロパティをtrueとした場合、グループ化項目を開きスクロール位置を変更したのち、data オプションにてデータソースを再設定すると一部の行しか表示されなくなります。
【再現手順】
1.サンプルを実行する。
2.全てのグループタブを開く
3.一番下までスクロールする
4.[Set data]ボタンをクリックする（Gridのデータソースを再設定する）
結果：グリッドが再作成されるが、一番下のグループのみが表示される
【サンプルコード】
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$('#wijgrid').wijgrid({
scrollMode: 'auto',
allowVirtualScrolling: true,
data: getData(),
columns: [
{
dataKey: 'GroupID',
groupInfo: {
position: 'header',
outlineMode: 'startCollapsed'
}
},
{ dataKey: 'Name' },
]
});
});
function onButtonClick(e, args) {
$('#wijgrid').wijgrid('option', 'data', getData());
}
function getData() {
var data = [];
for (var i = 0; i < 100; i++) {
data.push({ GroupID: i % 2, Name: 'Name' + i });
}
return data;
}
</script>
</head>
<body>
<input type="button" value="Set data" onClick="onButtonClick()" /><br />
<table id="wijgrid" style="height: 400px;"></table>
</body>
【再現手順】
1.サンプルを実行する。
2.全てのグループタブを開く
3.一番下までスクロールする
4.[Set data]ボタンをクリックする（Gridのデータソースを再設定する）
結果：グリッドが再作成されるが、一番下のグループのみが表示される
【サンプルコード】
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$('#wijgrid').wijgrid({
scrollMode: 'auto',
allowVirtualScrolling: true,
data: getData(),
columns: [
{
dataKey: 'GroupID',
groupInfo: {
position: 'header',
outlineMode: 'startCollapsed'
}
},
{ dataKey: 'Name' },
]
});
});
function onButtonClick(e, args) {
$('#wijgrid').wijgrid('option', 'data', getData());
}
function getData() {
var data = [];
for (var i = 0; i < 100; i++) {
data.push({ GroupID: i % 2, Name: 'Name' + i });
}
return data;
}
</script>
</head>
<body>
<input type="button" value="Set data" onClick="onButtonClick()" /><br />
<table id="wijgrid" style="height: 400px;"></table>
</body>
回避方法
この問題はバージョン3.20151.71で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版の適用方法については、アップデートの方法を参照してください。
旧文書番号
81189