编程 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 相关文章推荐

Javascript-Mozilla和IE中的一个函数直接量的问题分析

Aug 12 Javascript

JavaScript中的对象化编程

Jan 16 Javascript

比较详细的关于javascript 解析json的代码

Dec 16 Javascript

jQuery的一些特性和用法整理小结

Jan 13 Javascript

为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

Nov 11 Javascript

Javascript继承(上)——对象构建介绍

Nov 08 Javascript

js的hasownproperty使用示例

Mar 02 Javascript

js实现兼容性好的微软官网导航下拉菜单效果

Sep 07 Javascript

一个例子轻松学会Vue.js

Jan 02 Javascript

javascript实现Java中的Map对象功能的实例详解

Aug 21 Javascript

switchery按钮的使用方法

Dec 18 Javascript

JS如何实现手机端输入验证码效果

May 13 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

php header()函数使用说明

2008/07/10 PHP

PHPMailer的主要功能特点和简单使用说明

2014/02/17 PHP

php实现的短网址算法分享

2014/06/20 PHP

PHP中捕获超时事件的方法实例

2015/02/12 PHP

php实现的mongodb操作类

2015/05/28 PHP

PHP中串行化用法示例

2016/11/16 PHP

redirect_uri参数错误的解决方法(必看)

2017/02/16 PHP

PHP下 Mongodb 连接远程数据库的实例代码

2017/08/30 PHP

PHP实现Huffman编码/解码的示例代码

2018/04/20 PHP

几个比较经典常用的jQuery小技巧

2010/03/01 Javascript

JavaScript 内置对象属性及方法集合

2010/07/04 Javascript

Javascript call和apply区别及使用方法

2013/11/14 Javascript

JS+CSS 制作的超级简单的下拉菜单附图

2013/11/22 Javascript

javascript读取xml实现javascript分页

2013/12/13 Javascript

减少访问DOM的次数提升javascript性能

2014/02/24 Javascript

判断某个字符在一个字符串中是否存在的js代码

2014/02/28 Javascript

js实现图片和链接文字同步切换特效的方法

2015/02/20 Javascript

深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

2015/03/05 Javascript

jQuery插件scroll实现无缝滚动效果

2015/04/27 Javascript

jQuery实现MSN中文网滑动Tab菜单效果代码

2015/09/09 Javascript

微信小程序scroll-view仿拼多多横向滑动滚动条

2020/04/21 Javascript

NodeJS 文件夹拷贝以及删除功能

2019/09/03 NodeJs

[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾

2015/01/29 DOTA

Python二叉树的定义及常用遍历算法分析

2017/11/24 Python

python实现微信小程序自动回复

2018/09/10 Python

Windows系统下PhantomJS的安装和基本用法

2018/10/21 Python

Django处理多用户类型的方法介绍

2019/05/18 Python

Python range、enumerate和zip函数用法详解

2019/09/11 Python

德国帽子专家：Hutshopping

2019/11/03 全球购物

Ejb技术面试题

2015/04/29 面试题

《悯农》教学反思

2014/04/28 职场文书

党校学习党性分析材料

2014/12/19 职场文书

服装区域经理岗位职责

2015/04/10 职场文书

离婚起诉书范本

2015/05/18 职场文书

vue引入Excel表格插件的方法

2021/04/28 Vue.js

vue 把二维或多维数组转一维数组

2022/04/24 Vue.js