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

JSON.parse 解析字符串出错的解决方法

Jul 08 Javascript

IE中createElement需要注意的一个问题

Jul 13 Javascript

jquery动态更换设置背景图的方法

Mar 25 Javascript

from表单多个按钮提交用onclick跳转不同action

Apr 24 Javascript

jquery 显示*天*时*分*秒实现时间计时器

May 07 Javascript

Vue中正确使用jQuery的方法

Oct 30 jQuery

对Angular中单向数据流的深入理解

Mar 31 Javascript

react-router 路由切换动画的实现示例

Dec 03 Javascript

Nginx设置为Node.js的前端服务器方法总结

Mar 27 Javascript

node基于async/await对mysql进行封装

Jun 20 Javascript

JS脚本实现定时到网站上签到/签退功能

Apr 22 Javascript

JavaScript鼠标悬停事件用法解析

May 15 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在XP下IIS和Apache2服务器上的安装

2006/09/05 PHP

PHP开发框架总结收藏

2008/04/24 PHP

PHP远程连接MYSQL数据库非常慢的解决方法

2008/07/05 PHP

php 缓存函数代码

2008/08/27 PHP

PHP Memcached应用实现代码

2010/02/08 PHP

phpMyAdmin安装并配置允许空密码登录

2015/07/04 PHP

PHP微信API接口类

2016/08/22 PHP

php简单读取.vcf格式文件的方法示例

2017/09/02 PHP

php创建类并调用的实例方法

2019/09/25 PHP

PHP7 list() 函数修改

2021/03/09 PHP

面向对象的Javascript之一(初识Javascript)

2012/01/20 Javascript

js判断选择的时间是否大于今天的代码

2013/08/20 Javascript

javaScript对文字按照拼音排序实现代码

2013/12/27 Javascript

js获取日期：昨天今天和明天、后天

2014/06/11 Javascript

深入理解Node.js 事件循环和回调函数

2016/11/02 Javascript

JavaScript中捕获与冒泡详解及实例

2017/02/03 Javascript

React操作真实DOM实现动态吸底部的示例

2017/10/23 Javascript

详解vue.js数据传递以及数据分发slot

2018/01/20 Javascript

Vue底层实现原理总结

2018/02/17 Javascript

extract-text-webpack-plugin用法详解

2019/02/14 Javascript

小程序登录/注册页面设计的实现代码

2019/05/24 Javascript

vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

2019/05/31 Javascript

JavaScript实现单图片上传并预览功能

2019/09/30 Javascript

javascript 关于赋值、浅拷贝、深拷贝的个人理解

2019/11/01 Javascript

Vue循环遍历选项赋值到对应控件的实现方法

2020/06/22 Javascript

python网络编程学习笔记(一)

2014/06/09 Python

Python学习思维导图(必看篇)

2017/06/26 Python

Python IDLE入门简介

2017/12/08 Python

tornado+celery的简单使用详解

2019/12/21 Python

基于python SMTP实现自动发送邮件教程解析

2020/06/02 Python

美国宠物用品网站：Value Pet Supplies

2018/03/17 全球购物

德国婴儿服装和婴儿用品购买网站：Baby Sweets

2019/12/08 全球购物

加拿大专业美发产品购物网站：Chatters

2021/02/28 全球购物

入党个人总结范文

2015/03/02 职场文书

英文自荐信范文

2015/03/25 职场文书

浅谈音视频 pts dts基本概念及理解

2022/08/05 数码科技