作成日: 2016/07/29 最終更新日: 2016/07/29
文書種別
使用方法
詳細
C1GridViewをブラウザのサイズに合わせてリサイズするには、一般的なJavaScriptの手法を用いたスクリプトを設定する必要がございます。
下記は、divタグに配置したC1GridViewをリサイズするサンプルコードです。
◎サンプルコード(aspx)
下記は、divタグに配置したC1GridViewをリサイズするサンプルコードです。
◎サンプルコード(aspx)
<script type="text/javascript">
var maxheight;
var timer = false;
$(document).ready(function () {
maxheight = $("#C1GridView1_div").height();
gridResize();
});
$(window).resize(function () {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function () {
gridResize();
}, 100);
});
function gridResize() {
var windowheight = document.documentElement.clientHeight;
var height = maxheight > windowheight ? windowheight : maxheight;
$("#C1GridView1").c1gridview("setSize", "100%", height);
$("#C1GridView1").c1gridview("doRefresh");
}
</script>
var maxheight;
var timer = false;
$(document).ready(function () {
maxheight = $("#C1GridView1_div").height();
gridResize();
});
$(window).resize(function () {
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function () {
gridResize();
}, 100);
});
function gridResize() {
var windowheight = document.documentElement.clientHeight;
var height = maxheight > windowheight ? windowheight : maxheight;
$("#C1GridView1").c1gridview("setSize", "100%", height);
$("#C1GridView1").c1gridview("doRefresh");
}
</script>
旧文書番号
81752