基于jQuery的ajax功能实现web service的json转化(终极篇)

前面有两篇文章使用了jQuery的插件datatables。 最近因为需要一个datagrid默认显示一条记录,而可以通过点击记录前面的image来让它显示更detail的信息,还好datatables有这个功能。我只需要让它能够使用asp.net的ajax数据源显现就ok了。
实现这个功能需要三步来完成:
1. 为每一行添加显示详细信息的image。



2. 用javascript生成详细信息的html.



3. 为image的点击事件执行上面这个html的生成函数




如果你对其它的内容还不了解且对这个东西感兴趣建议你先看下面这篇文章:
http://blog.csdn.net/dujingjing1230/archive/2009/09/02/4512637.aspx
上次有人问我能否实现每条记录的编辑功能,事实上也很简单的,使用jeditable插件很容易实现的。
在编辑前：




点击’aaa’进入编辑时:




看看详细信息显示的页面吧:




展开后:




我本人的美工很差劲所以页面的显示不是很好看。。。

这次给大家上传个源代码吧。需要的到此下载:
http://download.csdn.net/source/1641012