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

关于IE7 IE8弹出窗口顶上

Dec 22 Javascript

jquery 图片轮换效果

Jul 29 Javascript

用JQuery模仿淘宝的图片放大镜显示效果

Sep 15 Javascript

JS中的form.submit()不能提交表单的错误原因

Oct 08 Javascript

JavaScript希尔排序、快速排序、归并排序算法

May 08 Javascript

原生js封装自定义滚动条

Mar 24 Javascript

详解react-router如何实现按需加载

Jun 15 Javascript

JavaScript实现创建自定义对象的常用方式总结

Jul 09 Javascript

Vue 组件封装并使用 NPM 发布的教程

Sep 30 Javascript

vue + typescript + 极验登录验证的实现方法

Jun 27 Javascript

js实现动态时钟

Mar 12 Javascript

详解vue中v-model和v-bind绑定数据的异同

Aug 10 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

是否存在第一台收音机的说法

2021/03/01 无线电

PHP跳转页面的几种实现方法详解

2013/06/08 PHP

使用配置类定义Codeigniter全局变量

2014/06/12 PHP

PHP生成条形图的方法

2014/12/10 PHP

php实现统计网站在线人数的方法

2015/05/12 PHP

PHP针对中英文混合字符串长度判断及截取方法示例

2017/03/31 PHP

基于jquery插件制作左右按钮与标题文字图片切换效果

2013/11/07 Javascript

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

2016/06/02 Javascript

Angular2 环境配置详细介绍

2016/09/21 Javascript

jQuery旋转插件jqueryrotate用法详解

2016/10/13 Javascript

js实现以最简单的方式将数组元素添加到对象中的方法

2017/12/20 Javascript

mock.js实现模拟生成假数据功能示例

2019/01/15 Javascript

JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析

2019/05/22 Javascript

如何实现一个简易版的vuex持久化工具

2019/09/11 Javascript

基于javascript canvas实现五子棋游戏

2020/07/08 Javascript

VUE前端从后台请求过来的数据进行转换数据结构操作

2020/11/11 Javascript

javascript实现时钟动画

2020/12/03 Javascript

[05:53]敌法师的金色冠名ID"BurNIng"，是传说，是荣耀

2020/07/11 DOTA

Python中3种内建数据结构：列表、元组和字典

2014/11/30 Python

python通过imaplib模块读取gmail里邮件的方法

2015/05/08 Python

Python中使用strip()方法删除字符串中空格的教程

2015/05/20 Python

利用python GDAL库读写geotiff格式的遥感影像方法

2018/11/29 Python

对python 判断数字是否小于0的方法详解

2019/01/26 Python

python实现文件助手中查看微信撤回消息

2019/04/29 Python

选择Python写网络爬虫的优势和理由

2019/07/07 Python

Python实现报警信息实时发送至邮箱功能(实例代码)

2019/11/11 Python

python通过nmap扫描在线设备并尝试AAA登录(实例代码)

2019/12/30 Python

python中rb含义理解

2020/06/18 Python

高品质和独特的产品世界：Creations and Collections

2018/01/07 全球购物

Java中各种基本数据类型的默认值都是什么

2016/12/22 面试题

英语专业个人求职自荐信

2013/09/21 职场文书

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

2014/09/25 职场文书

致运动员的广播稿

2015/08/19 职场文书

2019各种承诺书范文

2019/06/24 职场文书

Windows下用Nginx配置https服务器及反向代理的问题

2021/09/25 Servers

Python可视化神器pyecharts之绘制箱形图

2022/07/07 Python