2011-02-11 13 views
0

我已經看到許多網站,其中個別web部件加載頁面加載時忙圖標加載。無需使用Web部件,如何在頁面加載時開發一個頁面,其中各個部分將加載忙圖標。請引導我用概念&代碼inas asp.net。關於在asp.net中的web部件和網頁設計

+0

一個字... AJAX – Lazarus 2011-02-11 11:46:27

+0

@Lazarus:換句話說:JQuery! – 2011-02-11 11:47:33

回答

1

我假設你使用Web窗體而不是ASP.NET MVC。最簡單的解決方案是使用UpdatePanel類,並添加一個UpdateProgress控件以在更新時顯示微調器。

  1. 首先按照通常的方式編碼您的網頁。
  2. 將ScriptManager控件添加到您的網頁中。
  3. 在應該異步加載的頁面部分周圍添加一個UpdatePanel。如果觸發更新的按鈕也位於面板內,那麼你就完成了 - 你有一個使用AJAX進行更新的網頁。
  4. 如果控件位於UpdatePanel之外,則需要查看AsyncPostBackTrigger
  5. 添加UpdateProgress控件以顯示微調框。

請注意,UpdatePanels是ASP.NET Web From的automagic做AJAX的方式。後臺有很多JavaScript,更新生成的部分回發將貫穿整個頁面的大部分生命週期,這可能是一個嚴重的性能瓶頸。

更新:如果您希望spinners出現在頁面的第一次加載時,不會提示UpdatePanels。這可能可以完成,但是它們會使頁面的總加載時間變得更慢。

我會看看Encorsia上的一些熱門文章。你可以從這個開始:http://encosia.com/2008/03/27/using-jquery-to-consume-aspnet-json-web-services/