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

使用northwind的數(shù)據(jù)。點(diǎn)擊前面的加號(hào)會(huì)把其它屬于這個(gè)產(chǎn)品的詳細(xì)訂單展示出來(lái),而每個(gè)產(chǎn)品后面都會(huì)有它的訂單個(gè)數(shù)。點(diǎn)擊'+'后的樣子:

 

先分析下它的實(shí)現(xiàn):

第一個(gè)圖的顯示是個(gè)Gridview,當(dāng)點(diǎn)擊每條記錄前面的'+'時(shí)會(huì)使用jQuery的ajax功能調(diào)用一個(gè)Web Method,并傳輸一個(gè)當(dāng)前產(chǎn)品的ID進(jìn)去,然后會(huì)定義一個(gè)繼承UserControl的類,它能夠添加一個(gè)ascx文件,然后這個(gè)類里面定義一個(gè)View State的字段。

當(dāng)點(diǎn)擊每個(gè)'+'時(shí)使用jQuery把這個(gè)ascx文件顯示在當(dāng)前產(chǎn)品的下面slideshow(),那么id是如何傳的呢？ 這就用到了View State。

關(guān)于View State的介紹很多的。我也沒(méi)怎么用過(guò)。這里簡(jiǎn)單說(shuō)明下它和一個(gè)Web Control的關(guān)系:

下面給出大家代碼:

這個(gè)是產(chǎn)品的GridView。

然后是Web Method:

Control類:

CustomerOrder.ascx代碼:

整個(gè)調(diào)用Web Method的ajax代碼:

JavaScript技術(shù)：JQuery的ajax基礎(chǔ)上的超強(qiáng)GridView展示，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。