ページの初期表示時にSPREADのレイアウトが一時的に崩れてしまう

文書番号 : 38158 文書種別 : 使用方法登録日 : 2015/02/25 最終更新日 : 2015/05/07

対象製品

SPREAD for ASP.NET 8.0J

詳細

製品はWebフォームクラスで実装された内容に基づきHTMLを出力するのみで、画面上の描画はすべてブラウザのレンダリングエンジンに依存します。製品側からこの動作を改善することは困難ですが、CssスタイルでSPREADを非表示に設定しておき、ページのロードが完了してからSPREADを表示させる方法が考えられます。

◎サンプルコード(VB)

-------------------------------
Webフォームクラス
-------------------------------
Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
　　If Page.IsPostBack Then Return
　　FpSpread1.CssClass = "hideSpread"
End Sub

------------------------------------
スタイル
------------------------------------
<style type="text/css">
.hideSpread { visibility: hidden; }
</style>

-------------------------------
クライアント側スクリプト
-------------------------------
<script type="text/javascript">
　　document.onreadystatechange = function () {
　　　　if (document.readyState == 'complete') {
　　　　　　var spread = document.getElementById('FpSpread1');
　　　　　　spread.style.visibility = "visible";
　　　　}
　　}
</script>

◎サンプルコード(C#)

-------------------------------
Webフォームクラス
-------------------------------
protected void Page_Load(object sender, EventArgs e)
{
　　if (Page.IsPostBack) return;
　　FpSpread1.CssClass = "hideSpread";
}

-------------------------------
スタイル
-------------------------------
VBのサンプルコードで紹介しているものと同様です。

-------------------------------
クライアント側スクリプト
-------------------------------
VBのサンプルコードで紹介しているものと同様です。