ajax框架---- ExtJS

一、概述：

ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，网址：http://extjs.com/products/extjs/download.php

二、使用extjs显示表格

1、将下载下来的代码包，放在你的项目中，然后在页面中引用两个js文件和一个样式文件

2、编写事件代码：

{

return "<a href='http://"+value+"' target='_blank'>"+value+"</a>";

}

Ext.onReady(function(){

var data=[ [1, 'QQ空间','user.qzone.qq.com/394403011'],

[2, '博客园','zhuqil.cnblogs.com/'],

[3, '百度贴吧','tieba.baidu.com/f?kw=%BC%C6%BF%C605104%B0%E0'],

[4, '湖南文理学院','www.huas.cn'] ]

var store=new Ext.data.SimpleStore({data:data,fields:["id","name","homepage"]});

var grid = new Ext.grid.GridPanel({

renderTo:"hello",

title:"麒麟",

height:150,

width:600,

columns:[{header:"简称",dataIndex:"name",sortable:true},

{header:"网址",dataIndex:"homepage",renderer:showUrl,sortable:true}],

store:store,

autoExpandColumn:1

});

});
</script>

上面js有两个函数，第一个是返回一个地址，第二个函数一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的，相当与main（）函数，在这个函数中，我们在第一行“var data=…”用来定义表格中要显示的数据，这是一个[][]二维数组；第二行“var store=…”用来创建一个数据存储，这是GridPanel需要使用配置属性，数据存储器Store负责把各种各样的数据（如二维数组、JSon对象数组、xml文本）等转换成ExtJS的数据记录集Record，关于数据存储器Store我们将在下一章中作专门介绍。第三行“var grid = new Ext.grid.GridPanel(…)”负责创建一个表格，表格包含的列由columns配置属性来描述，columns是一数组，每一行数据元素描述表格的一列信息，表格的列信息包含列头显示文本(header)、列对应的记录集字段(dataIndex)、列是否可排序(sorable)、列的渲染函数(renderer)、宽度(width)、格式化信息(format)等，在上面的列子中只用到了header及dataIndex。用sortable:true表示此列可以排序，用renderer:showUrl指向第一个函数，返回一个http的地址.

3、效果

三、总结：

通过使用extjs框架大大提高了我们web开发的效率，它是一个ajax框架，在使用ajax调用服务器十分方便。非常值得学习。

附：代码+Extjs包：http://files.cnblogs.com/zhuqil/ExtJS.rar

（全文完）

以下为广告部分

您部署的HTTPS网站安全吗？

如果您想看下您的网站HTTPS部署的是否安全，花1分钟时间来 myssl.com 检测以下吧。让您的HTTPS网站变得更安全！

SSL检测评估

快速了解HTTPS网站安全情况。

安全评级（A+、A、A-...）、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。

SSL证书工具

安装部署SSL证书变得更方便。

SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。

SSL漏洞检测

让服务器远离SSL证书漏洞侵扰

TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。

转载于:https://www.cnblogs.com/zhuqil/archive/2008/08/28/1278270.html

ajax框架---- ExtJS相关推荐

Ajax框架及原理分析--视频
Ajax框架及原理分析下载地址:http://v.51work6.com/courseInfoRedirect.do?action=courseInfo&courseId=240576 AJ ...
Asp.net Ajax,Jquery,ExtJs 三种Ajax技术框架比较
1.现流行的Ajax框架技术简介现有的Ajax从框架角度分级的话,可以有以下分类: ·零级,完成base工作,包括扩展原有对象的方法,Ajax通讯部分,比较精简. ·一级,完成effect工作,包括 ...
流行的AJAX框架对比：jQuery，Mootools，Dojo，Ext JS
来源:http://developer.51cto.com/art/200906/129502.htm 本文介绍了四种流行的AJAX框架,包括简洁的jQuery,面向对象的 Mootools,拥有强大 ...
AJAX培训第二讲：使用AJAX框架（上）
点击这里下载PDF文件. 点击这里下载示例文件. 点击这里下载视频文件. 相关内容:AJAX培训第二讲:使用AJAX框架(下) 首先向大家说声抱歉,离上次隔的时间实在太长.由于一度工作比较忙,所以录制 ...
Asp.net Ajax框架教程
目录 (一).概述... (二).应用场景代码示例... 1).ScriptManager控件示例... 1. 在异步调用服务端注册客户端脚本新方法... 2. 捕获Ajax异步调用中 ...
[导入]几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Aja ...
AJAX框架构成设计,基于Ajax的Web框架设计与实现
摘要: 随着Web技术的发展和人们对Web使用的要求越来越高,传统的交互方式一方面使用户觉得难以使用,体验感太差,另一方面也不利于开发人员进行开发和维护.所以当Web2.0概念被提出,就立即得到了广泛 ...
用ASP.NET AJAX框架扩展HTML Map控件
[摘要]在本文中,我将向你展示如何使用ASP.NET AJAX框架对添加可点击的热点的HTML Map控件进行扩展.经扩展后,当我们的鼠标移动到这些热点上后,即弹出关于这些热点的详细信息;但是,这些详 ...
基于微软ASP.NET AJAX框架开发幻灯片播放网页
一. 简介最近,微软ASP.NET Ajax 1.0框架以其完整的基于Ajax的web开发方案呈现在web技术人员的前面,凭借与遗留ASP.NET系统的有机整合以及完全面向对象的客户端Ja ...

ajax框架---- ExtJS

您部署的HTTPS网站安全吗？

ajax框架---- ExtJS相关推荐

最新文章

热门文章