AJAX
iteye_3898
这个作者很懒,什么都没留下…
展开
-
AJAX入门
简介Ajax(Asynchronous JavaScript And XML)异步JavaScript和可扩展标记语言AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。 Ajax 由 HTML、JavaScript 技术、DHTML 和 DOM 组成1、HTML 用于建立 Web 表单并确定应用程序其他部分...2009-04-06 22:22:23 · 908 阅读 · 0 评论 -
(十四)树型控件
树型控件(1) TreePanel在应用程序中,我们经常会涉及到要显示或处理树状结构的对象信息,比如部门信息、地区信息,或者是树状的菜单信息,操作系统中的文件夹信息等。对于传统的html 页面来说,要自己实现显示树比较困难,需要写很多的javascript,特别是对于基于Ajax 异步加载的树来说,不但涉及到Ajax 数据加载及处理技术,还需要考虑跨浏览器支持等,处理起来非常麻烦。ExtJS 中提...2009-11-30 13:42:11 · 191 阅读 · 0 评论 -
(十三) FormPanel组件
FormPanel组件在web页面中,表单可谓是最常用的控件之一,ext的表单控件同样强悍,且使用非常简单,下面我们实现一个简单的带验证的表单,看以下代码:Ext.onReady(function(){ Ext.QuickTips.init();//开启表单提示 Ext.form.Field.prototype.msgTarget = 'side';//设置提示信息位置为边上 ...2009-11-30 13:39:16 · 150 阅读 · 0 评论 -
(十二) 表格分页及与服务器交互
(3) 表格分页 一次性将成千上万条数据显示在Grid里,然后拖动滚动条查看数据,显然不是什么好主意,在效率上也是不允许的。实际上,Grid控件对性能的要求较高。如果在一个页面上放3个Grid,就可以感觉到响应变慢。如果在每个Grid里显示上千条数据,效率就可想而知了。所以说分页是必不可少的,而EXT提供了方便的集成分页工具条的方式。下面看一个完整的分页示例:首先完成一些后台的准备工作,包括数...2009-11-30 13:37:09 · 115 阅读 · 0 评论 -
(十一)可编辑表格EditorGridPanel
(2) 可编辑表格EditorGridPanel可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑,ExtJS 中的可编辑表格由类Ext.grid.EditorGridPanel 表示,xtype 为editorgrid。使用EditorGridPanel 与使用普通的GridPanel 方式一样,区别只是在定义列信息的时候,可以指定某一列使用的编辑即可,下面来看一个简单的示例。Ext.on...2009-11-30 13:35:19 · 363 阅读 · 0 评论 -
(十) 基本表格GridPanel
(1) 基本表格GridPanelExtJS 中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。表格由类Ext.grid.GridPanel 定义,继承自Panel,其xtype 为grid。ExtJS 中,表格Grid必须包含列定义信息, 并指定表格的数据存储器Store 。表格的列信息由类Ext.grid.ColumnModel 定义、而表格...2009-11-30 13:34:18 · 133 阅读 · 0 评论 -
(九)布局Layout
布局Layout(1) 布局概述所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext 的所有容器组件都支持布局操作,每一个容器都会有一个对应的布局,布局负责管理容器组件中子元素的排列、组合及渲染方式等。ExtJS 的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS 的容器组件包含一个layout 及layoutConfig 配置属性,这两个属性...2009-11-30 13:30:57 · 162 阅读 · 0 评论 -
(八)窗口及对话框
(1)窗口基本应用ExtJS 中窗口是由Ext.Window 类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:var i=0;function newWin(){ var win=new Ext.Window({title:"窗口"+i++, width:400, height:300, maximiz...2009-11-30 13:28:16 · 116 阅读 · 0 评论 -
(七) 使用面板
(1) Panel面板Panel 是ExtJS 控件的基础,很高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成,一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能,并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为,...2009-11-30 13:25:52 · 163 阅读 · 0 评论 -
(六) 事件处理
ExtJS提供了一套强大的事件处理机制,通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager对象管理,与浏览器W3C标准事件对象Event相对应,Ext封装了一个Ext.EventObject事件对象。支持事件处理的类(或接口)为Ext.util.Observable,凡是继承该类的组件或类都支持往对象中添加事件...2009-11-30 13:23:14 · 113 阅读 · 0 评论 -
(五) 组件的配置属性
在ExtJS中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。比如配置一个面板:new Ext.Panel({title:"面板",html"面板内容",height:100});再比如创建一个按钮:var b=new Ext.Button({text:"添加",pressed:true, heigth...原创 2009-11-30 13:21:13 · 291 阅读 · 0 评论 -
(四) 组件的使用
组件可以直接通过new 关键子来创建,比如控件一个窗口,使用new Ext.Window(),创建一个表格则使用new Ext.GridPanel()。除了一些普通的组件以外,一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子:<head> &l...2009-11-30 12:55:40 · 87 阅读 · 0 评论 -
(三) ExtJS组件
组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有: xtype Class------------- ---------------------------------------------------------box Ext.BoxComponent 具有边框属性的组件b...原创 2009-11-30 12:41:18 · 107 阅读 · 0 评论 -
(二) ExtJS 入门
ExtJS之Hello World 把解压后的Ext文件夹复制到新建工程的webRoot目录下 <HEAD> <TITLE>ExtJS Hello World </TITLE> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.cs...2009-11-30 12:38:21 · 123 阅读 · 0 评论 -
(一) ExtJS 简介
简介ExtJS 是一个很不错的Ajax 框架,用于在客户端创建丰富多彩的web应用程序界面,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s 应用更加具有活力及生命力。ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架。要使用ExtJS,那么首先要得到ExtJS 库文件,该框架是一个开源的,可以直接从官方网站下载,网址http://www.extjs...2009-11-30 12:34:34 · 87 阅读 · 0 评论 -
AJAX技术之DWR框架入门
(1) 简介官方:http://directwebremoting.org/dwr/download最新版本:2.0.5DWR (Direct Web Remoting)是getahead公司开发的一个实现AJAX应用的框架。DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代...2009-04-06 22:47:08 · 94 阅读 · 0 评论 -
(十五) 完整的CRUD示列
见示例代码!2009-11-30 13:50:57 · 113 阅读 · 0 评论