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

前端开发的开始---基于面向对象的Ajax类

Sep 17 Javascript

JQuery EasyUI 对话框的使用方法

Oct 24 Javascript

jquery中插件实现自动添加用户的具体代码

Nov 15 Javascript

jQuery动画效果animate和scrollTop结合使用实例

Apr 02 Javascript

Jquery的基本对象转换和文档加载用法实例

Feb 25 Javascript

简化版手机端照片预览组件

Apr 13 Javascript

解决JS请求服务器gbk文件乱码的问题

Oct 16 Javascript

BootStrap轻松实现微信页面开发代码分享

Oct 21 Javascript

javascript设计模式之中介者模式学习笔记

Feb 15 Javascript

简单实现js点击展开二级菜单功能

May 16 Javascript

js原生实现移动端手指滑动轮播图效果的示例

Jan 02 Javascript

js监听html页面的上下滚动事件方法

Sep 11 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

DIY实用性框形天线

2021/03/02 无线电

PHP实现用户认证及管理完全源码

2007/03/11 PHP

PHP数组循环操作详细介绍附实例代码

2013/02/03 PHP

CentOS安装php v8js教程

2015/02/26 PHP

完美的php分页类

2017/10/24 PHP

Ubuntu中支持PHP5与PHP7双版本的简单实现

2018/08/19 PHP

PHP strripos函数用法总结

2019/02/11 PHP

js中的referrer返回上一页使用介绍

2013/09/26 Javascript

JS生成不重复随机数组的函数代码

2014/06/10 Javascript

AngularJS使用ngOption实现下拉列表的实例代码

2016/01/23 Javascript

Struts2+jquery.form.js实现图片与文件上传的方法

2016/05/05 Javascript

JS脚本实现动态给标签控件添加事件的方法

2016/06/02 Javascript

javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

2016/08/19 Javascript

学习vue.js中class与style绑定

2016/12/03 Javascript

JavaScript截屏功能的实现代码

2017/07/28 Javascript

react实现点击选中的li高亮的示例代码

2018/05/24 Javascript

vue.js实现格式化时间并每秒更新显示功能示例

2018/07/07 Javascript

JS中实现一个下载进度条及播放进度条的代码

2019/06/10 Javascript

利用Angular7开发一个Radio组件的全过程

2019/07/11 Javascript

Vue项目配置跨域访问和代理proxy设置方式

2020/09/08 Javascript

Windows下安装python MySQLdb遇到的问题及解决方法

2017/03/16 Python

Python IDLE清空窗口的实例

2018/06/25 Python

python 字典修改键(key)的几种方法

2018/08/10 Python

python实现整数的二进制循环移位

2019/03/08 Python

python处理自动化任务之同时批量修改word里面的内容的方法

2019/08/23 Python

Python xml、字典、json、类四种数据类型如何实现互相转换

2020/05/27 Python

关于探究python中sys.argv时遇到的问题详解

2021/02/23 Python

解决PDF 转图片时丢文字的一种可能方式

2021/03/04 Python

斯图尔特·韦茨曼鞋加拿大官网：Stuart Weitzman加拿大

2019/10/13 全球购物

租赁协议书范本

2014/04/22 职场文书

教师党员整改措施

2014/10/24 职场文书

离婚协议书格式

2014/11/21 职场文书

教师调动申请报告

2015/05/18 职场文书

小学班级管理心得体会

2016/01/07 职场文书

MySQL实现配置主从复制项目实践

2022/03/31 MySQL

Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)

2022/07/15 Java/Android