编程 Javascript

JQuery的ajax基础上的超强GridView展示

Posted in Javascript onSeptember 18, 2009

看到一个这样的例子和大家分享下。这个一直是我想要做到的。
首先先展示下最终的样子：
JQuery的ajax基础上的超强GridView展示
使用northwind的数据。点击前面的加号会把其它属于这个产品的详细订单展示出来,而每个产品后面都会有它的订单个数。点击'+'后的样子:

先分析下它的实现:

第一个图的显示是个Gridview,当点击每条记录前面的'+'时会使用jQuery的ajax功能调用一个Web Method,并传输一个当前产品的ID进去,然后会定义一个继承UserControl的类,它能够添加一个ascx文件,然后这个类里面定义一个View State的字段。

当点击每个'+'时使用jQuery把这个ascx文件显示在当前产品的下面slideshow(),那么id是如何传的呢？这就用到了View State。

关于View State的介绍很多的。我也没怎么用过。这里简单说明下它和一个Web Control的关系:

JQuery的ajax基础上的超强GridView展示

下面给出大家代码:

这个是产品的GridView。

JQuery的ajax基础上的超强GridView展示

然后是Web Method:

JQuery的ajax基础上的超强GridView展示

Control类:

JQuery的ajax基础上的超强GridView展示

CustomerOrder.ascx代码:

JQuery的ajax基础上的超强GridView展示

整个调用Web Method的ajax代码:

JQuery的ajax基础上的超强GridView展示

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery模拟新浪微博首页滚动效果的方法

Mar 11 Javascript

JSON字符串和对象之间的转换详解

May 26 Javascript

对JavaScript的全文搜索实现相关度评分的功能的方法

Jun 24 Javascript

理解JS绑定事件

Jan 19 Javascript

基于javascript html5实现多文件上传

Mar 03 Javascript

JQuery的常用选择器、过滤器、方法全面介绍

May 25 Javascript

Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题

Feb 27 Javascript

angularJs使用$watch和$filter过滤器制作搜索筛选实例

Jun 01 Javascript

vue.js实例对象+组件树的详细介绍

Oct 20 Javascript

详解react-native WebView 返回处理(非回调方法可解决)

Feb 27 Javascript

详解微信小程序开发(项目从零开始)

Jun 06 Javascript

vue.js实现回到顶部动画效果

Jul 31 Javascript

jQuery 事件队列调整方法

Sep 18 #Javascript

javascript 面向对象编程 function是方法(函数)

Sep 17 #Javascript

javascript 面向对象编程聊聊对象的事

Sep 17 #Javascript

javascript 面向对象编程万物皆对象

Sep 17 #Javascript

javascript 面向对象编程 function也是类

Sep 17 #Javascript

类似CSDN图片切换效果脚本

Sep 17 #Javascript

var与Javascript变量隐式声明

Sep 17 #Javascript

You might like

删除无限级目录与文件代码共享

2006/07/12 PHP

将数组写入txt文件 var_export

2009/04/21 PHP

PHP 批量删除 sql语句

2009/06/05 PHP

ThinkPHP访问不存在的模块跳转到404页面的方法

2014/06/19 PHP

PHP处理CSV表格文件的常用操作方法总结

2016/07/01 PHP

使用PHP+MySql实现微信投票功能实例代码

2017/09/29 PHP

laravel-admin的多级联动方法

2019/09/30 PHP

Javascript attachEvent传递参数的办法

2009/12/14 Javascript

利用函数的惰性载入提高javascript代码执行效率

2014/05/05 Javascript

常用的JavaScript WEB操作方法分享

2015/02/28 Javascript

js实现简单秒表走动的时钟特效

2020/03/25 Javascript

每天一篇javascript学习小结（Boolean对象）

2015/11/12 Javascript

在javascript中使用com组件的简单实现方法

2016/08/17 Javascript

JS针对Array的各种操作汇总

2016/11/29 Javascript

Javascript 引擎工作机制详解

2016/11/30 Javascript

根据Bootstrap Paginator改写的js分页插件

2016/12/25 Javascript

Nodejs中crypto模块的安全知识讲解

2018/01/03 NodeJs

Vue2.x中利用@font-size引入字体图标报错的解决方法

2018/09/28 Javascript

vue基础之事件v-onclick="函数"用法示例

2019/03/11 Javascript

使用异步组件优化Vue应用程序的性能

2019/04/28 Javascript

利用Python暴力破解zip文件口令的方法详解

2017/12/21 Python

python flask安装和命令详解

2019/04/02 Python

Django REST framework 分页的实现代码

2019/06/19 Python

基于Python爬取股票数据过程详解

2020/10/21 Python

PyTorch中的拷贝与就地操作详解

2020/12/09 Python

CSS3中利用animation属性创建雪花飘落特效

2014/05/14 HTML / CSS

美国市场上最实惠的送餐服务：Dinnerly

2018/03/18 全球购物

城野医生官方海外旗舰店：风靡亚洲毛孔收敛水

2018/04/26 全球购物

美国主要的特色咖啡和茶公司：Peet’s Coffee

2020/02/14 全球购物

新锐科技Java程序员面试题

2016/07/25 面试题

打造完美自荐信

2014/01/24 职场文书

应届毕业生应聘自荐信范文

2014/02/26 职场文书

自行车广告词大全

2014/03/21 职场文书

大学生职业生涯十年规划书范文

2014/09/17 职场文书

领导班子三严三实心得体会

2014/10/13 职场文书

SQL Server代理：理解SQL代理错误日志处理方法

2021/06/30 SQL Server