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

浅说js变量

May 25 Javascript

js的表单操作简单计算器

Dec 29 Javascript

通过AJAX的JS、JQuery两种方式解析XML示例介绍

Sep 23 Javascript

页面定时刷新(1秒刷新一次)

Nov 22 Javascript

JS实现双击编辑可修改状态的方法

Aug 14 Javascript

实用jquery操作表单元素的简单代码

Jul 04 Javascript

js处理层级数据结构的方法小结

Jan 17 Javascript

Angularjs上传图片实例详解

Aug 06 Javascript

Vue2仿淘宝实现省市区三级联动

Apr 15 Javascript

JQuery属性操作与循环用法示例

May 15 jQuery

使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果

Aug 16 Javascript

JS实现进度条动态加载特效

Mar 25 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

2个比较经典的PHP加密解密函数分享

2014/07/01 PHP

php实现用于删除整个目录的递归函数

2015/03/16 PHP

JS 中document.URL 和 windows.location.href 的区别

2009/11/11 Javascript

jquery自定义属性(类型/属性值)

2013/05/21 Javascript

jquery实现的图片点击滚动效果

2014/04/29 Javascript

Jquery 实现checkbox全选方法

2015/01/28 Javascript

avalonjs实现仿微博的图片拖动特效

2015/05/06 Javascript

js窗口关闭提示信息（兼容IE和firefox）

2015/10/23 Javascript

JavaScript实现简单的tab选项卡切换

2016/01/05 Javascript

jQuery使用$.each遍历json数组的简单实现方法

2016/04/18 Javascript

JS实现列表的响应式排版(推荐)

2016/09/01 Javascript

jQuery输入框密码的显示隐藏【代码分享】

2017/04/29 jQuery

详解vue 实例方法和数据

2017/10/23 Javascript

详谈js的变量提升以及使用方法

2018/10/06 Javascript

vue-cli项目中使用echarts图表实例

2018/10/22 Javascript

vue中v-show和v-if的异同及v-show用法

2019/06/06 Javascript

[07:31]DOTA2卡尔工作室英雄介绍主宰篇

2013/06/25 DOTA

[01:36:57]【09DOTA2第一视角】小骷髅

2014/04/16 DOTA

[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28

2020/12/02 DOTA

如何运行Python程序的方法

2013/04/21 Python

Django静态资源URL STATIC_ROOT的配置方法

2014/11/08 Python

仅用50行Python代码实现一个简单的代理服务器

2015/04/08 Python

在Django的视图中使用form对象的方法

2015/07/18 Python

Python将多份excel表格整理成一份表格

2018/01/03 Python

python实现扫描局域网指定网段ip的方法

2019/04/16 Python

关于Python 的简单栅格图像边界提取方法

2019/07/05 Python

图文详解Django使用Pycharm连接MySQL数据库

2019/08/09 Python

Python常用GUI框架原理解析汇总

2020/12/07 Python

在python3.9下如何安装scrapy的方法

2021/02/03 Python

美国最受欢迎的度假目的地优惠套餐：BookVIP

2018/09/27 全球购物

给面试官的感谢信

2014/02/01 职场文书

餐厅楼面主管岗位职责范本

2014/02/16 职场文书

《鱼游到了纸上》教学反思

2014/02/20 职场文书

安全生产责任书范本

2014/04/15 职场文书

MySQL常见优化方案汇总

2022/01/18 MySQL

聊聊mysql都有哪几种分区方式

2022/04/13 MySQL