1.表格(Grid)
Extjs里的表格比传统的<table>强很多,不仅可以对某个列进行排序,而且还可以对数据进行分页显示,集成了分页常用按钮,上一页,下一页,第一页,最后一页,还有分页提示信息,都帮你集成好了。

2.树(tree)
树是我们很常用的控件,如果但纯用JS来实现了话恐怕代码要写一大堆,如果用上Extjs,只需要简单的构造下对象,再设置好层次关系,就能马上实现了,而且树上的图片和动画效果都是可以调节的。

3.选项卡(Tab Window)
如今,选项卡已经被广泛应用到各大型网站中,Extjs也已经帮你集成好了选项卡相关的类

4.窗口(window)
窗口是在网页中常用的技术,很多提交表单的操作都在窗口中进行的,还有一些提示信息也是,如果自己定义窗口的话需要写很多CSS+JS代码,控制窗口的样式和移动,而这些Extjs都帮你集成好了,只需实例化窗口类就行了。

5.表单操作(form)
在网页中,登录和注册页面都少不了使用表单,如果自己定义表单和表单控件的话,输入校验是个很大的工程,还有html编辑器,用户如果需要对输入的信息增加自己的样式的话普通的<textarea>是无法完成这样的操作的,我们一般都会想到用FCK Editor,但是FCK Editor的配置又是个繁琐的事情,有时还会中文乱码。还好以上碰到的所有问题,Extjs都已经帮你做好了

时间选择器

6.悬停提示(tooltip)
很多时候,当我们鼠标移动到某个图片上的时候,在鼠标右边某个位置会加载出这张图片的相关信息,这用效果被广泛应用到WEB2.0标准的页面中,同样的Extjs也帮你封装好了这样的效果

7.可折叠面板(Accordion Window)
类似于老版本QQ的好友与陌生人列表的切换,折叠与打开折叠,这样的功能,Extjs也集成了

8.综合布局(Viewport)
完全可以用Extjs代替css+div,可以布局出相当华丽的效果出来

像<div>布局一样的块

9.类似Windows的菜单(Menu),引进这个这后,究竟是WEB应用还是桌面应用,我自己都搞不清了,原来Ext可以如此强大

10.Extjs加强版Alert,Confirm,Prompt
加强版的这些功能不仅在外观上得到了改善,而且默认地弹出这些对话框后背景都是半透明遮罩显示的。
加强版Confirm

加强版Prompt

确认对话框

进度条

加强版alert

11.桌面系统的应用
看了这个我惊呆了,使用ExtJS既然可以开发出类似于windows的系统出来,实在是强啊!


- 大小: 20 KB

- 大小: 3.6 KB

- 大小: 13.2 KB

- 大小: 18.6 KB

- 大小: 17.2 KB

- 大小: 15.7 KB

- 大小: 11.8 KB

- 大小: 14.6 KB

- 大小: 14.2 KB

- 大小: 4.5 KB

- 大小: 17.1 KB

- 大小: 3.4 KB

- 大小: 3.7 KB

- 大小: 8.1 KB

- 大小: 4.2 KB

- 大小: 6.1 KB

- 大小: 139.6 KB
分享到:
相关推荐
在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...
在“extjs流程界面设计器参考”中,我们主要关注的是如何利用ExtJS来开发工作流设计器。 工作流设计器是一种工具,它允许用户通过图形化界面定义、修改和执行业务流程。基于ExtJS的工作流设计器,利用了ExtJS的强大...
本文将详细介绍一个使用ExtJS开发的图书管理系统,该系统同时结合了Spring和iBATIS作为其核心架构组件。 首先,ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序。它提供了丰富的UI组件,如表格、窗口...
首先,我们来看ExtJS 2.2。这个版本是ExtJS早期的一个稳定版,发布于2008年。在2.2中,ExtJS引入了许多功能和改进,如表格排序、分页、拖放支持以及对Ajax请求的增强处理。它提供了丰富的组件库,包括网格、表单、...
它强调了JavaScript面向对象编程(OOP)在Extjs框架中的应用,并通过实例演示了如何使用各种组件和布局来创建复杂的用户界面。本教程通过递进式的结构,使读者从基础知识起步,逐步掌握Extjs的高级应用,最终能够...
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
ExtJS是一种广泛应用于Web开发的...总的来说,"ExtJS静态使用示例"提供了一个学习和实践ExtJS基础功能的机会,通过Grid、Panel和Tree的使用,可以帮助开发者掌握如何在Web应用中构建交互性和功能性丰富的用户界面。
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
JSONStore是ExtJS用于处理JSON格式数据的存储类,它可以与Ajax请求配合使用,自动加载和解析数据。 7. **Ajax提交超时**:`Extjs ajax提交超时.txt`可能涉及Ajax请求的超时设置和处理。在ExtJS中,可以设置请求的...
总的来说,这个"extjs icon小图标"资源对于那些使用ExtJS或EasyUI的开发者来说非常有价值,它提供了一个丰富的图标库,可以极大地提高开发效率,同时提升应用的视觉品质。合理地利用这些图标,可以创建出专业、用户...
在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...
SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。以下是对ExtJS 7.6 SDK的一些关键知识点的详细解释: 1. **组件库增强**:ExtJS 7.6提供了大量预先...
- ExtJS 4允许开发者自定义图标,可以通过编写CSS来设置新的背景图片,或者使用Icon类并传入自定义的SVG代码或数据URL。 6. **响应式设计**: - 在移动设备上,图标可能需要调整大小或样式以适应不同的屏幕尺寸。...
ExtJS是一款强大的JavaScript库,主要用于...总的来说,ExtJS界面设计器是ExtJS开发者的强大辅助工具,它通过可视化设计方式简化了复杂的前端开发工作,提高了开发效率,使得开发者能够更专注于创造出色的用户体验。
总结来说,ExtJS 4.2 Desktop 拓展是一个集成了多种桌面特性并优化了基础框架的解决方案,它提供了图标换行、窗口拖动、多级开始菜单等功能,使得开发复杂的Web应用变得更加简单和直观。通过下载提供的LinBDesk4.2...
extjsapi,extjs文档,api手岫
总的来说,ExtJS经典皮肤集合是开发高质量、美观的Web应用的重要资源,它使得开发者无需从零开始设计界面,而是可以直接利用已有的设计基础,节省时间和精力,专注于业务逻辑和功能实现。通过深入了解和灵活运用这些...
教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。
(如jquery和prototype)的适配器,ExtJS是可以做 到动态切换底层库的,关键就在这里了。 • air包含了ExtJS以air进行改进的代码库,还有以该 代码库实现的任务管理实例。 • build目录是ExtJS压缩后的代码,经过...
ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...