JQuery的ajax基礎上的超強GridView展示

看到一個這樣的例子和大家分享下。這個一直是我想要做到的。
首先先展示下最終的樣子：

使用northwind的資料。點擊前面的加號會把其它屬於這個產品的詳細訂單展示出來,而每個產品後面都會有它的訂單個數。點擊'+'後的樣子:

先分析下它的實現:

第一個圖的顯示是個Gridview,當點擊每條記錄前面的'+'時會使用jQuery的ajax功能調用一個Web Method,並傳輸一個當前產品的ID進去,然後會定義一個繼承UserControl的類,它能夠添加一個ascx檔案,然後這個類裡面定義一個View State的欄位。

當點擊每個'+'時使用jQuery把這個ascx檔案顯示在當前產品的下面slideshow(),那麼id是如何傳的呢？ 這就用到了View State。

關於View State的介紹很多的。我也沒怎麼用過。這裡簡單說明下它和一個Web Control的關係:

下面給出大家代碼:

這個是產品的GridView。

然後是Web Method:

Control類:

CustomerOrder.ascx代碼:

整個調用Web Method的ajax代碼: