[DevExpress]為什麼 Tab 控制項沒有依CSS顯示出Tab的樣子?

同事問說為什麼Tab控制項沒有依CSS顯示出Tab的樣子?

環境:ASP.NET Web Form

今天同事問說為什麼Tab控制項沒有依CSS顯示出Tab的樣子?

用開發者工具查看css並沒有被蓋掉呀!

那為什麼Tab就不會顯示呢?

看那個Tab物件是放在某個 UpdatePanel 之中,而那個 UpdatePanel 一開始並沒有顯示出來。

記得之前有遇過類似的問題....

所以請他新拉一個 Tab 控制項 放在一開始就會呈現的 Panel 之中。

然後再請同事再試看看,

第1個畫面的 Tab 有正常的呈現!

再進入到原本的畫面,神奇的事發生了,原本沒有呈現的 Tab 控制項,也呈現出 Tab 的樣子了!

判斷有可能是因為控制項在 Http Get 時才會把 css file 給 download 下來!

如果是 postback 的話, css 就不 download 。

而原本的 Tab 控制項是某些狀況下,postback後才會顯示出來。

所以目前同事就在第一個Page中放一個Tab 然後用Div把它蓋起來,如下,


<div style="display:none">
	<dx:ASPxTabControl ID="ASPxTabControl1" runat="server">
		<Tabs>
			<dx:Tab Text="Home" />
		</Tabs>
	</dx:ASPxTabControl>
</div>

 

另一個或許可以將自將那些用到的css一開始就Render出來。

Hi, 

亂馬客Blog已移到了 「亂馬客​ : Re:從零開始的軟體開發生活

請大家繼續支持 ^_^