作成日: 2015/01/20 最終更新日: 2015/05/21
文書種別
不具合
状況
修正済み
詳細
複数列のコンボボックスに空の値(””)を設定すると、次のような問題が発生します。
・空の項目が異なる背景色で表示される。
・マウスオーバー時に、1つ上の行で空の項目が左に詰めて表示される。
【再現手順】
1. サンプルコードを実行して、コンボボックスのドロップダウンリストを表示します。
結果: 2列目が異なる背景色で表示されます。
2. ドロップダウンリスト上にマウスを移動します。
結果: マウスの1つ上の行において、「1列目の項目 | 3列目の項目 | ...」と空の項目が表示されません。その他の行では、「1列目の項目 | | 3列目の項目 | ...」と表示されます。
【サンプルコード】
<script type="text/javascript">
$(document).ready(function () {
$('#wijcombobox').wijcombobox({
data: generateData(10, 5),
dropdownWidth: 500,
columns: [
{ name: 'header1'},
{ name: 'header2'},
{ name: 'header3'},
{ name: 'header4'},
{ name: 'header5'}
]
});
});
function generateData(rows, cols){
var arr = [];
for (var r = 0; r < rows; r++) {
var cells = [];
for (var c = 0; c < cols; c++) {
if (c == 1) {
cells.push('');
}
else {
cells.push('cell' + r + c);
}
}
arr.push({ label: 'label' + r, cells: cells });
}
return arr;
}
</script>
<input id="wijcombobox" />
・空の項目が異なる背景色で表示される。
・マウスオーバー時に、1つ上の行で空の項目が左に詰めて表示される。
【再現手順】
1. サンプルコードを実行して、コンボボックスのドロップダウンリストを表示します。
結果: 2列目が異なる背景色で表示されます。
2. ドロップダウンリスト上にマウスを移動します。
結果: マウスの1つ上の行において、「1列目の項目 | 3列目の項目 | ...」と空の項目が表示されません。その他の行では、「1列目の項目 | | 3列目の項目 | ...」と表示されます。
【サンプルコード】
<script type="text/javascript">
$(document).ready(function () {
$('#wijcombobox').wijcombobox({
data: generateData(10, 5),
dropdownWidth: 500,
columns: [
{ name: 'header1'},
{ name: 'header2'},
{ name: 'header3'},
{ name: 'header4'},
{ name: 'header5'}
]
});
});
function generateData(rows, cols){
var arr = [];
for (var r = 0; r < rows; r++) {
var cells = [];
for (var c = 0; c < cols; c++) {
if (c == 1) {
cells.push('');
}
else {
cells.push('cell' + r + c);
}
}
arr.push({ label: 'label' + r, cells: cells });
}
return arr;
}
</script>
<input id="wijcombobox" />
回避方法
この問題はバージョン3.20151.71で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版の適用方法については、アップデートの方法を参照してください。
旧文書番号
81134