DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery的ajax基礎上的超強GridView展示
JQuery的ajax基礎上的超強GridView展示
編輯:JQuery特效代碼     

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

使用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代碼:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved