|
看到一個這樣的例子和大家分享下。這個一直是我想要做到的。
首先先展示下最終的樣子:
使用northwind的數(shù)據(jù)。點擊前面的加號會把其它屬于這個產(chǎn)品的詳細(xì)訂單展示出來,而每個產(chǎn)品后面都會有它的訂單個數(shù)。點擊'+'后的樣子:
先分析下它的實現(xiàn):
第一個圖的顯示是個Gridview,當(dāng)點擊每條記錄前面的'+'時會使用jQuery的ajax功能調(diào)用一個Web Method,并傳輸一個當(dāng)前產(chǎn)品的ID進(jìn)去,然后會定義一個繼承UserControl的類,它能夠添加一個ascx文件,然后這個類里面定義一個View State的字段。
當(dāng)點擊每個'+'時使用jQuery把這個ascx文件顯示在當(dāng)前產(chǎn)品的下面slideshow(),那么id是如何傳的呢? 這就用到了View State。
關(guān)于View State的介紹很多的。我也沒怎么用過。這里簡單說明下它和一個Web Control的關(guān)系:
下面給出大家代碼:
這個是產(chǎn)品的GridView。
然后是Web Method:
Control類:
CustomerOrder.ascx代碼:
整個調(diào)用Web Method的ajax代碼:
JavaScript技術(shù):JQuery的ajax基礎(chǔ)上的超強GridView展示,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。