编程 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 09 Javascript

Javascript 设计模式（二）闭包

May 26 Javascript

批量实现面向对象的实例代码

Jul 01 Javascript

JS在IE下缺少标识符的错误

Jul 23 Javascript

JavaScript中的Math.LN2属性用法详解

Jun 12 Javascript

JQuery实现级联下拉框效果实例讲解

Sep 17 Javascript

JS实现网页标题随机显示名人名言的方法

Nov 03 Javascript

jQuery如何封装输入框插件

Aug 19 Javascript

折叠菜单及选择器的运用

Feb 03 Javascript

JS实现批量上传文件并显示进度功能

Jun 27 Javascript

vue中$set的使用(结合在实际应用中遇到的坑)

Jul 10 Javascript

vue实现todolist基本功能以及数据存储功能实例详解

Apr 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

php以post形式发送xml的方法

2014/11/04 PHP

PHP实现将浏览历史页面网址保存到cookie的方法

2015/01/26 PHP

ThinkPHP5.1框架页面跳转及修改跳转页面模版示例

2019/05/06 PHP

基于jquery的$.ajax async使用

2011/10/19 Javascript

由Javascript实现的页面日历

2011/11/04 Javascript

Js+Flash实现访问剪切板操作

2012/11/20 Javascript

浅谈javascript中createElement事件

2014/12/05 Javascript

jQuery插件制作之全局函数用法实例

2015/06/01 Javascript

JS小数运算出现多为小数问题的解决方法

2016/06/02 Javascript

require、backbone等重构手机图片查看器

2016/11/17 Javascript

基于Marquee.js插件实现的跑马灯效果示例

2017/01/25 Javascript

微信小程序首页制作简单实例

2017/04/07 Javascript

如何将你的AngularJS1.x应用迁移至React的方法

2018/02/01 Javascript

Vue手把手教你撸一个 beforeEnter 钩子函数

2018/04/24 Javascript

纯JS实现出生日期[年月日]下拉菜单效果

2018/06/01 Javascript

Python ORM框架SQLAlchemy学习笔记之数据添加和事务回滚介绍

2014/06/10 Python

Python的gevent框架的入门教程

2015/04/29 Python

python文件操作之目录遍历实例分析

2015/05/20 Python

使用Python的Flask框架来搭建第一个Web应用程序

2016/06/04 Python

Python使用flask框架操作sqlite3的两种方式

2018/01/31 Python

python通过zabbix api获取主机

2018/09/17 Python

python多线程实现TCP服务端

2019/09/03 Python

python画微信表情符的实例代码

2019/10/09 Python

python opencv如何实现图片绘制

2020/01/19 Python

用 Python 制作地球仪的方法

2020/04/24 Python

基于pytorch中的Sequential用法说明

2020/06/24 Python

PyTorch 中的傅里叶卷积实现示例

2020/12/11 Python

各大浏览器 CSS3 和 HTML5 兼容速查表图文

2010/04/01 HTML / CSS

英国音乐设备和乐器商店：Gear4music

2017/10/16 全球购物

澳大利亚女士时装在线：Rockmans

2018/09/26 全球购物

怎样让char类型的东西转换成int类型

2013/12/09 面试题

HashMap和Hashtable的区别

2013/05/18 面试题

医院党的群众路线教育实践活动领导班子对照检查材料

2014/09/25 职场文书

初中毕业生自我评价

2015/03/02 职场文书

聚众斗殴罪辩护词

2015/05/21 职场文书

情人节单身感言

2015/08/03 职场文书