编程 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 格式字符串的应用

Mar 29 Javascript

jquery 滚动条事件简单实例

Jul 12 Javascript

jquery实现背景墙聚光灯效果示例分享

Mar 02 Javascript

使用GruntJS构建Web程序之构建篇

Jun 04 Javascript

javascript学习小结之prototype

Dec 03 Javascript

Javascript技术栈中的四种依赖注入小结

Feb 27 Javascript

jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

Aug 15 Javascript

JS实现图片放大缩小的方法

Feb 15 Javascript

js读取json文件片段中的数据实例

Mar 09 Javascript

详解webpack + react + react-router 如何实现懒加载

Nov 20 Javascript

vue实现手机号码的校验实例代码（防抖函数的应用场景）

Sep 05 Javascript

浅谈vue异步数据影响页面渲染

Oct 29 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新手上路（六）

2006/10/09 PHP

在服务端进行目录建立、删除，文件上传、删除的过程的php代码

2008/09/10 PHP

自己写了一个php检测文件编码的函数

2014/04/21 PHP

Laravel框架路由配置总结、设置技巧大全

2014/09/03 PHP

php发送http请求的常用方法分析

2016/11/08 PHP

PHP实现生成模糊图片的方法示例

2017/12/21 PHP

php通过header发送自定义数据方法

2018/01/18 PHP

PHP实现财务审核通过后返现金额到客户的功能

2019/07/04 PHP

使用JavaScript switch case 另类写法

2010/03/14 Javascript

JQuery动态添加和删除表格行的方法

2015/03/09 Javascript

如何处理JSON中的特殊字符

2016/11/30 Javascript

轻松理解JavaScript闭包

2017/03/14 Javascript

开发Vue树形组件的示例代码

2017/12/21 Javascript

Python3实现Web网页图片下载

2016/01/28 Python

Python检测网站链接是否已存在

2016/04/07 Python

python matplotlib画图实例代码分享

2017/12/27 Python

Python基于生成器迭代实现的八皇后问题示例

2018/05/23 Python

python调用OpenCV实现人脸识别功能

2018/05/25 Python

numpy的文件存储.npy .npz 文件详解

2018/07/09 Python

Python 实现两个列表里元素对应相乘的方法

2018/11/14 Python

Python装饰器语法糖

2019/01/02 Python

详解Python3序列赋值、序列解包

2019/05/14 Python

Python+Tensorflow+CNN实现车牌识别的示例代码

2019/10/11 Python

python几种常用功能实现代码实例

2019/12/25 Python

Python HTMLTestRunner库安装过程解析

2020/05/25 Python

python利用opencv实现颜色检测

2021/02/23 Python

公司投资建议书

2014/05/16 职场文书

企业仓管员岗位职责

2014/06/15 职场文书

办理收楼委托书范本

2014/10/09 职场文书

社区艾滋病宣传活动总结

2015/05/07 职场文书

2016反腐倡廉警示教育心得体会

2016/01/13 职场文书

60条职场经典语录，总有一条能触动你的心

2019/08/21 职场文书

python中requests库+xpath+lxml简单使用

2021/04/29 Python

pytorch加载预训练模型与自己模型不匹配的解决方案

2021/05/13 Python

关于html选择框创建占位符的问题

2021/06/09 HTML / CSS

Python如何快速找到多个字典中的公共键(key)

2022/04/29 Python