利用jQuery实现GridView异步排序、分页
暂无评分
应用背景
这款“利用jQuery实现GridView异步排序、分页”是在自己的项目里分离出来的小源码!代码比较简单,对刚入门C#,Aspnet,和想利用JQuery实现异步更新数据的“童鞋们”,十分有帮助!!
当然网上有很多方法可以实现这种效果,但我觉的简洁、单一的代码才是我们初学者想要的!!在这里分享给各位!
关键技术 首先我们还时在页面放放一个gridview,他不会作为页面中真正显示的部分,而是作为辅助html输出,当一个ajax请求来到时,我们利用这个GridView,Render为Html输出,ajax的回调函数完成显示。为了不显示GridView我在PreRender中设置Visible=false,不能直接设置Visible=false否则他不会被Render成html,注意,我们在Body的onload事件中指定了一个函数,他会在页面被加载时请求服务端,传回数据。本身是个ajax请求。
接下来就是排序了,通过get方式指定排序字段,排序方向。当点击GridView中HeadText时我们要触发sortDataGridView实现异步排序,查看GridView的原始生成内容,实际上是个A标记<a href="javascript:__doPostBack('gvRestore','Sort$WorkId')">我们要为该标记添加一个onclick事件,并移除href属性值,以防止PostBack服务器。
到这一步,思路基本上已经清晰,剩下的事,就是在服务端响应ajax请求了,要注意是调用GridView的RendControl方法,输出html。