编程 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对象之内置对象Math使用方法

Apr 16 Javascript

基于jquery 的一个progressbar widge

Oct 29 Javascript

JavaScript中window、doucment、body的解释

Aug 14 Javascript

改变隐藏的input中value的值代码

Dec 30 Javascript

JS实现OCX控件的事件响应示例

Sep 17 Javascript

jQuery中prev()方法用法实例

Jan 08 Javascript

原生JS实现LOADING效果

Mar 16 Javascript

如何消除inline-block属性带来的标签间间隙

Mar 31 Javascript

jQuery视差滚动效果网页实现方法经验总结

Sep 29 Javascript

Node.js爬取豆瓣数据实例分析

Mar 05 Javascript

vue页面切换过渡transition效果

Oct 08 Javascript

jQuery内容选择器与表单选择器实例分析

Jun 28 jQuery

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

smarty表格换行实例

2014/12/15 PHP

php将12小时制转换成24小时制的方法

2015/03/31 PHP

PHP处理数组和XML之间的互相转换

2016/06/02 PHP

php实现的顺序线性表示例

2019/05/04 PHP

图片之间的切换

2006/06/26 Javascript

Javascript 判断 object 的特定类转载

2007/02/01 Javascript

JavaScript 监听textarea中按键事件

2009/10/08 Javascript

利用jQuery的$.event.fix函数统一浏览器event事件处理

2009/12/21 Javascript

node.js中的fs.writeFile方法使用说明

2014/12/14 Javascript

js实现单击图片放大图片的方法

2015/02/17 Javascript

javascript实现动态统计图开发实例

2015/11/21 Javascript

关于Vue.js一些问题和思考学习笔记（2）

2016/12/02 Javascript

jQuery 添加样式属性的优先级别方法(推荐)

2017/06/08 jQuery

AngularJs用户登录问题处理（交互及验证、阻止FQ处理）

2017/10/26 Javascript

在 React、Vue项目中使用SVG的方法

2018/02/09 Javascript

vue最简单的前后端交互示例详解

2018/10/11 Javascript

vue-router传参用法详解

2019/01/19 Javascript

javascript中正则表达式语法详解

2020/08/07 Javascript

在Python的setuptools框架下生成egg的教程

2015/04/13 Python

Python入门_浅谈数据结构的4种基本类型

2017/05/16 Python

django定期执行任务(实例讲解)

2017/11/03 Python

Python+matplotlib实现计算两个信号的交叉谱密度实例

2018/01/08 Python

使用C++扩展Python的功能详解

2018/01/12 Python

python将txt文件读入为np.array的方法

2018/10/30 Python

Python实现去除图片中指定颜色的像素功能示例

2019/04/13 Python

Python 70行代码实现简单算式计算器解析

2019/08/30 Python

详解python中*号的用法

2019/10/21 Python

python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例

2020/03/06 Python

如何使用pycharm连接Databricks的步骤详解

2020/09/23 Python

html5自定义video标签的海报与播放按钮功能

2019/12/04 HTML / CSS

英国办公用品商店：Office Outlet

2018/04/04 全球购物

校园广播稿500字

2014/02/04 职场文书

食品工程专业求职信

2014/06/15 职场文书

机关驾驶员违规检讨书

2014/09/13 职场文书

2014年施工员工作总结

2014/11/18 职场文书

《小小的船》教学反思

2016/02/18 职场文书