`
mzpyljx
  • 浏览: 61055 次
  • 性别: Icon_minigender_1
  • 来自: 梅州
社区版块
存档分类
最新评论

Extjs,我们用它来做啥

阅读更多

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
2
5
分享到:
评论
2 楼 mzpyljx 2011-05-27  
ws347575294 写道
做界面这个库强大的令人发指 ……
我正在学 Jquery  呢 ?

呵呵,Jquery也是要学学的,客户端轻量级JS框架
1 楼 ws347575294 2011-05-26  
做界面这个库强大的令人发指 ……
我正在学 Jquery  呢 ?

相关推荐

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    在“extjs流程界面设计器参考”中,我们主要关注的是如何利用ExtJS来开发工作流设计器。 工作流设计器是一种工具,它允许用户通过图形化界面定义、修改和执行业务流程。基于ExtJS的工作流设计器,利用了ExtJS的强大...

    extjs做的图书管理系统

    本文将详细介绍一个使用ExtJS开发的图书管理系统,该系统同时结合了Spring和iBATIS作为其核心架构组件。 首先,ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序。它提供了丰富的UI组件,如表格、窗口...

    Extjs 2.2 Extjs 3.21 js

    首先,我们来看ExtJS 2.2。这个版本是ExtJS早期的一个稳定版,发布于2008年。在2.2中,ExtJS引入了许多功能和改进,如表格排序、分页、拖放支持以及对Ajax请求的增强处理。它提供了丰富的组件库,包括网格、表单、...

    轻松搞定Extjs 带目录

    它强调了JavaScript面向对象编程(OOP)在Extjs框架中的应用,并通过实例演示了如何使用各种组件和布局来创建复杂的用户界面。本教程通过递进式的结构,使读者从基础知识起步,逐步掌握Extjs的高级应用,最终能够...

    extjs My97使用 extjs时间 extjs日期使用

    extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...

    Extjs4.1 小例子(适合extjs初学者学习使用)

    通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心概念。 描述中提到的".直接导入myeclipse即可",意味着这些示例代码是用Eclipse的MyEclipse插件...

    ExtJS静态使用示例

    ExtJS是一种广泛应用于Web开发的...总的来说,"ExtJS静态使用示例"提供了一个学习和实践ExtJS基础功能的机会,通过Grid、Panel和Tree的使用,可以帮助开发者掌握如何在Web应用中构建交互性和功能性丰富的用户界面。

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    Extjs4使用要点个人整理

    JSONStore是ExtJS用于处理JSON格式数据的存储类,它可以与Ajax请求配合使用,自动加载和解析数据。 7. **Ajax提交超时**:`Extjs ajax提交超时.txt`可能涉及Ajax请求的超时设置和处理。在ExtJS中,可以设置请求的...

    extjs icon小图标

    总的来说,这个"extjs icon小图标"资源对于那些使用ExtJS或EasyUI的开发者来说非常有价值,它提供了一个丰富的图标库,可以极大地提高开发效率,同时提升应用的视觉品质。合理地利用这些图标,可以创建出专业、用户...

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    ExtJS 7.6 SDK trial

    SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。以下是对ExtJS 7.6 SDK的一些关键知识点的详细解释: 1. **组件库增强**:ExtJS 7.6提供了大量预先...

    ExtJS 界面设计器

    ExtJS是一款强大的JavaScript库,主要用于...总的来说,ExtJS界面设计器是ExtJS开发者的强大辅助工具,它通过可视化设计方式简化了复杂的前端开发工作,提高了开发效率,使得开发者能够更专注于创造出色的用户体验。

    extjs4.2 desktop 拓展

    总结来说,ExtJS 4.2 Desktop 拓展是一个集成了多种桌面特性并优化了基础框架的解决方案,它提供了图标换行、窗口拖动、多级开始菜单等功能,使得开发复杂的Web应用变得更加简单和直观。通过下载提供的LinBDesk4.2...

    包含各种类型的extjs小图标,Extjs4小图标

    - ExtJS 4允许开发者自定义图标,可以通过编写CSS来设置新的背景图片,或者使用Icon类并传入自定义的SVG代码或数据URL。 6. **响应式设计**: - 在移动设备上,图标可能需要调整大小或样式以适应不同的屏幕尺寸。...

    ExtJS经典皮肤集合

    总的来说,ExtJS经典皮肤集合是开发高质量、美观的Web应用的重要资源,它使得开发者无需从零开始设计界面,而是可以直接利用已有的设计基础,节省时间和精力,专注于业务逻辑和功能实现。通过深入了解和灵活运用这些...

    ExtJS2.0简明教程

    教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    让我们开始EXTJS之旅EXTJS_WEB开发指南

    (如jquery和prototype)的适配器,ExtJS是可以做 到动态切换底层库的,关键就在这里了。 • air包含了ExtJS以air进行改进的代码库,还有以该 代码库实现的任务管理实例。 • build目录是ExtJS压缩后的代码,经过...

    ExtJS做的WebQQ

    用ExtJS做的QQ 采用struts1.2 由于时间原因 该WebQQ还有很多bug 希望有兴趣的朋友继续研究 作者Email:haoyingsong@163.com 大家可以看一下: ... 版本已更新: ...实现单聊,群聊,声音提示等,无需数据库

Global site tag (gtag.js) - Google Analytics