作成日: 2015/07/03 最終更新日: 2015/07/03
文書種別
使用方法
詳細
ブラウザのサイズに合せてスクロールバーの長さを調整するには下記コードのようにHeightプロパティとWidthプロパティを100%と設定します。
◎サンプルコード(aspx)
上記の設定を行なったグリットの横幅はブラウザのサイズで表示されます。
縦幅は下記のサンプルコードのようにJavaScriptにてwijmo-wijgridクラスに対して高さを設定し、ブラウザのサイズで表示されるように設定します。
◎サンプルコード(JavaScript)
◎サンプルコード(aspx)
<wijmo:C1GridView ID="C1GridView1" runat="server" … Height="100%" Width="100%">
<ScrollingSettings Mode="Auto">
</ScrollingSettings>
:
</wijmo:C1GridView>
<ScrollingSettings Mode="Auto">
</ScrollingSettings>
:
</wijmo:C1GridView>
上記の設定を行なったグリットの横幅はブラウザのサイズで表示されます。
縦幅は下記のサンプルコードのようにJavaScriptにてwijmo-wijgridクラスに対して高さを設定し、ブラウザのサイズで表示されるように設定します。
◎サンプルコード(JavaScript)
$(window).load(function () {
setSize();
});
var timer = false;
$(window).resize(function () {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function () {
setSize();
}, 200);
});
function setSize() {
// 高さのマージンを取得する
var marginHeight = parseInt($("body").css("margin-top"), 10) + parseInt($("body").css("margin-bottom"), 10) + 2;
// 高さを設定する
$(".wijmo-wijgrid").css("height", ($(window).innerHeight() - marginHeight) + "px");
// グリッドを更新する
$("#C1GridView1").c1gridview("doRefresh");
}
setSize();
});
var timer = false;
$(window).resize(function () {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function () {
setSize();
}, 200);
});
function setSize() {
// 高さのマージンを取得する
var marginHeight = parseInt($("body").css("margin-top"), 10) + parseInt($("body").css("margin-bottom"), 10) + 2;
// 高さを設定する
$(".wijmo-wijgrid").css("height", ($(window).innerHeight() - marginHeight) + "px");
// グリッドを更新する
$("#C1GridView1").c1gridview("doRefresh");
}
旧文書番号
81390