JQuery的ajax基礎(chǔ)上的超強GridView展示
更新時間：2009年09月18日 23:07:07 作者：
前面有個例子是使用jQuery的datatable插件來實現(xiàn)的能夠展開個詳細信息表的樣子。事實上.net的數(shù)據(jù)展示模式很好,如果配上jQuery的那些效果和AJAX功能是相當(dāng)?shù)貌诲e。
看到一個這樣的例子和大家分享下。這個一直是我想要做到的。
首先先展示下最終的樣子： 
使用northwind的數(shù)據(jù)。點擊前面的加號會把其它屬于這個產(chǎn)品的詳細訂單展示出來,而每個產(chǎn)品后面都會有它的訂單個數(shù)。點擊'+'后的樣子:
先分析下它的實現(xiàn):
第一個圖的顯示是個Gridview,當(dāng)點擊每條記錄前面的'+'時會使用jQuery的ajax功能調(diào)用一個Web Method,并傳輸一個當(dāng)前產(chǎn)品的ID進去,然后會定義一個繼承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代碼:
相關(guān)文章
這篇文章主要介紹了jQuery和CSS仿京東仿淘寶列表導(dǎo)航菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要給大家簡單介紹了jQuery.prop() 使用方法，有需要的小伙伴可以參考下2015-07-07
好久不用jquery,了，有的函數(shù)都忘記了,這里看下jquery下如何查找元素的。2010-07-07
這篇文章主要介紹了jquery select插件異步實時搜索實例代碼,需要的朋友可以參考下2017-10-10
Jquery與Bootstrap實現(xiàn)后臺管理頁面增刪改查功能示例
本篇文章主要介紹了Jquery與Bootstrap實現(xiàn)后臺管理頁面增刪改查功能示例，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
jQuery控制圖片的hover效果（smartRollover.js）
圖片的hover效果可以用css來實現(xiàn)也可以用js來實現(xiàn)。典型的就是smartRollover.js2012-03-03
任務(wù)需要,就寫了一個jQuery新聞滾動插件jquery.roller.js,功能相對比較簡單,可能往后會加入ajax一段時間輪詢 動態(tài)加載的功能.下面直接給出源代碼,如果需要可以直接下載2011-06-06
jQuery的Ajax時無響應(yīng)數(shù)據(jù)的解決方法
今天做項目時發(fā)現(xiàn)永遠響應(yīng)的值都是該頁面的html代碼。2010-05-05
這里給大家推薦9款炫酷的基于jquery的頁面特效，都是本站比較熱門的效果，這里整理出來分享給大家，也方便小伙伴們對比查看2014-12-12
基于cookie實現(xiàn)zTree樹刷新后展開狀態(tài)不變
這篇文章主要為大家詳細介紹了如何基于cookie實現(xiàn)zTree樹刷新后，展開狀態(tài)不變，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02