开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ExtJs 4 ...如何扩展Extjs 4组件？

关于ExtJs 4组件的扩展，可以通过以下几种方法实现：

继承：通过继承现有的ExtJs 4组件，可以创建一个新的组件，扩展其功能。例如，可以通过以下代码继承一个现有的Ext.grid.Panel组件：

Ext.define('MyApp.view.MyGridPanel', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.mygridpanel',

    // 在这里添加新的功能或覆盖现有功能
});

插件：通过插件可以向现有的ExtJs 4组件添加新的功能。例如，可以创建一个新的插件来扩展现有的Ext.grid.Panel组件：

Ext.define('MyApp.plugin.MyGridPanelPlugin', {
    extend: 'Ext.AbstractPlugin',
    alias: 'plugin.mygridpanelplugin',

    init: function(grid) {
        // 在这里添加新的功能或覆盖现有功能
    }
});

然后，可以在Ext.grid.Panel组件中使用这个插件：

Ext.create('Ext.grid.Panel', {
    plugins: ['mygridpanelplugin'],

    // 其他配置选项
});

重写现有的方法：可以通过重写现有的方法来扩展ExtJs 4组件的功能。例如，可以重写Ext.grid.Panel的render方法来添加新的功能：

Ext.define('MyApp.view.MyGridPanel', {
    override: 'Ext.grid.Panel',

    render: function() {
        // 在这里添加新的功能或覆盖现有功能

        // 调用父类的render方法
        this.callParent(arguments);
    }
});

总之，通过继承、插件和重写现有方法等方式，可以实现ExtJs 4组件的扩展。这些方法可以帮助开发人员更好地控制和定制组件的行为，以满足特定的需求。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Ext JS 4预览：更快、更简单、更稳定

Ext JS 4预览版：更快、更简单、更稳定上周在SanFrancisco看，在哪里，我们很激动来自全球的500多Sencha开发者（放到以前应该叫ExtJs开发者）。这个会议对于每个人都是个巨大的成功，但是对于我来说更大的精彩是下面我花一个小时为你介绍ExtJs4。当我们正处理会议的视频，我想向你介绍我们的旗舰产品ExtJS4.0下一个阶段的发展方向的最激动忍心的一些特性。令人激动的新特性让我们从一些正在添加到ExtJS4.0中令人激动的新特性开始，这虽然不是一个详尽的清单，但却包含即将到来的

06

[翻译]Ext JS 教程-MVC架构原

大规模的客户端应用程序常常难于去编写、组织机构和维护。随着你加入更多的功能，并且投入更多的开发人员，它们渐渐趋向于失去控制。ExtJS 4 带来了一种新的不仅仅能规整你的代码组织结构，而且能限制你要编写的代码数量的应用程序架构。

01

JQuery EasyUi之界面设计——前言与界面效果（一）

如果冯巩的开场白是“观众朋友们，我想死你们了”，那么我的开场白是“最近一直很忙，很久没有发文了”。

04

程序员Web面试之前端框架等知识

基于前面2篇博客：程序员Web面试之jQuery 程序员Web面试之JSON 您已经可以顺利进入Web开发的大门。但是要动手干，还需要了解一些已有的前端框架、UI套件，即要站在巨人肩膀上而不是从轮

05

初识Ext.NET

以前从没想过会用到ExtJS，总是对它有着一种反感：认为脚本资源大，执行脚本多，性能差等等。最近因为一个项目使用到了，就用上了。相对JQuery，ExtJS没有那么方便灵活，但是其界面美观，功能实用，可以节约不少开发时间。玩ExtJS，就感觉是在玩配置，也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情，稍不留心，就得为自己的失误埋单。虽然网上有些设计器，但是大都满足不了需求。后来，在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说，能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中，也没有那么顺畅。

06

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

02

产品前端重构（TypeScript、MVC框架设计）

最近两周完成了对公司某一产品的前端重构，本文记录重构的主要思路及相关的设计内容。公司期望把某一管理类信息系统从项目代码中抽取、重构为一个可复用的产品。该系统的前端是基于 ExtJs 5 进行构造的，

08

【网安学术】基于ExtJS的V**管理系统的设计与实现

摘要：基于ExtJS设计了一个V**管理系统，主要应用于配网安全防护系统中的主站加密装置，可实现对主站加密装置的参数配置及运行维护。由于应用要求，该管理系统需界面美观、响应迅速、用户体验佳，且稳定性强、易于维护。综合对比分析多种JS框架，采用了Ajax开发框架——ExtJS作为前端开发框架，同时服务端选用简洁轻巧的网页开发语言PHP，再结合轻量级的后台数据库，最终实现了一个高效易用的V**管理系统，实现了方便快捷地对主站加密装置进行管理及维护的目的。

01

Ext整体印象

其实国内不乏有自己开发自己框架的公司，比如上海的道锐（不如Ext全面，更侧重于其业务经验）等，一直以来我们关心的重点都在服务器端（如程序结构、设计模式、数据库设计、运行平台、数据访问组件等），在当前Web盛行时期，而且发展的如日中天，我强烈的感觉到我们有必要将客户端的设计和实现水平提高，才能匹配服务器端做的努力，这就是木桶原理的一个应用吧。全球很多企业在用Ext，其中包括IBM HP Adobe等多达74知名公司。我想在这样的应用广度下Ext应该是一个值得信赖的，不会有 ExtJS是一个你可以信赖的用

07

ExtJs一(Hello World)

本文原文链接地址 http://aehyok.com/Blog/Detail/48.html

01

[翻译]Ext JS 教程-组件原

一个ExtJS 应用程序是由一个或者更多个叫做组件的窗口小部件组成的。所有的组件都是Ext.Component类的子类，它允许它们参与到自动的生命周期管理中去，包括实例化、渲染、设置尺寸和位置、还有去实例化。ExtJS提供了大范围的实用组件，而且任何组件都可以很容易的被扩展，去创建一个定制的组件。

03

EXT按钮事件

在EXT中，当我们要为按钮点击添加处理function的时候，可以看到一般人的实现分成2类：

03

YUI3的几点说明

(备注)Web Widget : 中文译名被称作是微件,是一小块可以在任意一个基于HTML的Web页面上执行的代码，它的表现形式可能是视频，地图，新闻，小游戏等等。它的根本思想来源于代码复用，通常情况下， Widget的代码形式包含了DHTML,javascript以及Adobe Flash。

04

前端框架你究竟选什么

在做web开发的时候难免遇到一个问题，那就是，选择什么样的框架。下面把前端的框架简单的列一下。 1、flex Apache基金会今天发布了Flex 4.8版本，这是Adobe将Flex捐献给Apach

06

ExtJs的api文档该怎么看

之前有在ExtJS初体验中说了ExtJs给我们项目开发带来了很多便利，有童鞋在下面留言问extjs的API该怎么看？很多刚入门的童鞋被ExtJs里各种庞大的控件弄晕了，不知道怎么看api。那么这篇我就简单地说下extjs的api该怎么看。

02

动态加载 ExtJS 类库

ExtJS 是一个非常优秀的 JS 框架，由于 ExtJS 自身非常庞大，用于开发测试的 ext-all-debug.js 文件达到了 3.24M ，如果是再加载带注释的 ext-all-debug-w-comments.js 则更是达到了 6M ，可以说是非常庞大了，因此动态加载 ExtJS 是很有必要的，接下来就介绍如何对 ExtJS 做动态加载。

02

jQuery（初识）

答：是一个快速、简洁的js框架；（15岁美国人John）2006年1月出现，8月第一个稳定版本。为了解决js中比较麻烦的函数和节点操作以及选择器。

01

TypeScript 强类型 JavaScript – Rafy Web 框架选型

今天看到了 AngularJs 2.0 版本将基于 TypeScript 构建的消息。与同事们对 TypeScript 展开了讨论。本文记录一些个人的想法。理想的 JavaScript 开发模式其实早在 TypeScript 发布早期的时候，我就已经开始关注这个语言。因为在2012年初时，我需要为 Rafy/OEA 平台选型编写 Web 端自动界面生成框架：Rafy.js。而这个客户端框架需要基于一些流行的 JS 库来进行开发，当时选型的重点就是选择哪一个基础框架。当时，我期望能找到一种可以编写大型

06

Vue/ExtJS+SpringBoot打造双版本通讯录管理系统

本文介绍的通讯录管理系统分为两个版本，分别是 ExtJS 版本和 Vue.js 版本。

01

经典面试题-ext的常用panel

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

04

activiti开源流程平台

采用技术为：spring，springMVC，Mybatis，Activiti5，（Activiti可视化设计器基于IE，火狐，谷歌，360等浏览器），Solr4.10，Mysql，Redis，Ehcache，服务器监控模块，tk压缩，Extjs6.2 ，BootStrap，Junit单元测试，Logback，同时融入了Hessian，数据库读写分离，MQ消息中间件等技术。

04

ExtJS初体验

最近公司的一个系统有用到Extjs框架，对于之前完全用JQuery的js插件的我来说，对Extjs的api并不熟悉。extjs是个富客户端框架，一般用来做后台管理系统，封装了非常多的控件，很庞大，很复杂，学习门槛高。jquery是一个前后台都可以用的框架，是对js的封装，js轻量级框架。没有封装任何控件，学习曲线小，程序员和前端必须要掌握的。这两天体验了一下，如图：

01

ExtJS4预览：渲染过程重构和标准化

在过去的四年，ExtJs代码库已经进化了，新组件被加进来，编码标准也改进了。在这个过程中，为了重构旧组件有必要经常追溯回去以保证他们也被改进。在ExtJS4之前渲染组件没有标准的方式。在过去，Panels的展现过程是，首先创建他们需要的元素，并把他们直接添加到dom上，然后获取他们的引用。另一方面，利用按需autoEl DomHelper配置并包装对应的Html标签片段。在页面上表格经常被用作模板来构建他们的标记。 ExtJS4，我们的目标是统一这些方法为一个标准的方法，那就是XTemplate和Do

WebApp 开发框架推荐以及优缺点分析

不用盲目的百度和问大神们WebApp 开发使用哪个框架最好？等等问题。在此，小编尽量解答各位的WebApp 问题。根据国内js大神以及有过WebApp 开发经验的前辈们分析，小编推荐下面6款常用的WebApp 开发框架。

02

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

EXT基础

–Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。

04

easy ui Tree请求跨域数据

jQuery EasyUI为提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。

03

[翻译]Ext JS 教程-布局和容器原

布局系统是ExtJS中一个强大的组成部分。它控制着应用程序的每一个组件的尺寸和位置。这个操作手册包含开始使用布局的基础操作。

01

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。两种类型的程序优缺点对比：对比内容 C/S结构的应用程序 B/S结构的应用程序部署较困难方便升级

08

ExtJs学习笔记(7)_获取GridPanel选中行的详细信息

这一节，我们将学习如何获取Grid当前选中行的信息 1.xml数据源内容: <?xml version="1.0" encoding="UTF-8"?> <Data> <Items> <Tot

利用JQuery实现更简单的Ajax跨域请求

前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(https://cloud.tencent.com/developer/article/1026528)，这几天看了一下Jquery，发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本) 这里给出代码，希望对Ajax跨域感到棘手的朋友有所帮助: Code <html> <head> <title>JQuery学习</title> <script src="jquery-1.2.6.min.

08

web中的树形结构【小结】

最近在做一个项目，是一个b/s架构的，在项目中，用到了树形结构，即如图1所示的结构。

02

ExtJs学习笔记(20)-利用ExtJs的Ajax与服务端WCF交互

ExtJs是一套非常不错的javascript UI库(第一次接触ExtJs的，可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例。相信不少人会心动的)，不仅组件丰富，效果漂亮，而且ExtJs集成的Ajax功能可以方便的与.Net的WCF进行交互. 这里我们将演示ExtJs的FormPanel从WCF加载数据，以及如何提交数据到WCF服务端 1.首先来定义一个用于传输信息的Class（实际开发中，可以是Linq to Sq

07

DateTime在ExtJs中无法正确序列化的问题

这几天在学习ExtJs + Wcf的过程中，发现一个问题，如果Class中有成员的类型为DateTime，即使我们正常标识了[DataMember]，序列化成JSON时，会生成一种特有的格式: ..."AddTime":"\/Date(1213718400000+0800)\/"}... 这种格式ExtJs并不识别，导致最终的组件，比如Grid上无法正常显示，解决办法有二个: 1.将Class的成员，手动改成String类型，不过个人不推荐这种方式，毕竟将数据类型都改了，相应的服务端很多地方都可能会做相

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

01

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

02

ExtJS关于组件Component生命周期

初始化工作开始于组件的诞生，所有必须的配置设定、事件注册、预渲染处理等都在此时进行。

01

2015-2016前端架构体系技术精简版

05

【大牛经验】Java开源JSP标签库（32款）

01 displytag 与Struts结合使用最出名的一个tag主要是显示表格数据很漂亮、完善。 02 cewolf tag 用来在web上显示复杂图形报表的一个jsp tag。 03

05

放弃JSP吧--否则你无路可走

自从在知乎回答问题以来，以及根据最近几年给企业做技术咨询的情况，发现JSP还是一个经常被提到的问题。希望能在这篇文章里把关于JSP的问题集中说明一下。我的观点很明确，已经写在文章标题里了。

02

2015-2016前端架构体系技术精简版

werien、vorlonjs远程调试，chrome inspect 代码自动化检查fecs

02

Coolite Toolkit非常棒的控件

Coolite Toolkit非常适合做web应用程序的开发，它提供了很多专业的Asp.net输入/验证/显示控件，和页面布局的框架，同时完全支持ajax，因为它是所有的组件是居于ExtJS上封装出来，让开发人员在可视化的设计器内进行方面的属性配置。

03

Extjs4处理后台json数据中日期和时间的方法

当ASP.NET后台使用JavaScriptSerializer这个组件将对象序列化为json，或者使用ScriptMethod特性的json 　　　　 [ScriptMethod(ResponseFormat = ResponseFormat.Json), WebMethod(EnableSession = true)] public List<EUser> Users()//参数测试用 { List<EUser> l = new List<EUse

07

再见! JSP ！

自从在知乎回答问题以来，以及根据最近几年给企业做技术咨询的情况，发现 JSP 还是一个经常被提到的问题。希望能在这篇文章里把关于 JSP 的问题集中说明一下。我的观点很明确，已经写在文章标题里了。

01

Hadoop数据分析平台实战——170Oozie介绍及环境搭建离线数据分析平台实战——170Oozie介绍及环境搭建

离线数据分析平台实战——170Oozie介绍及环境搭建 Oozie介绍 Oozie是一个工作流引擎服务器,用于运行Hadoop Map/Reduce和Hive等任务工作流. 同时Oozie还是一个Java Web程序,运行在Java Servlet容器中,如Tomcat中。 Oozie以action为基本任务单位，可以将多个action构成一个DAG图（有向无环图Direct Acyclic Graph）的模式进行运行。 Oozie工作流通过HPDL(一种通过XML自定义处理的语言)来构造Oozie的

05

ExtJs学习笔记(3)_GridPanel[XML做数据源]

这一节，将学习到除了用JSON做GridPanel的数据源外，还可以使用XML 一。静态示例 1.xml文件内容： <?xml version="1.0" encoding="UTF-8"?>

08

周末浅谈-WEB前端组件

image.png 随着前端业务复杂化的不断加深，前端交互流程也愈加复杂，所以angularJs，vueJs，avalonJs等许多前端框架都出现了，它们不像JQ那样，只是提供一种工具的集合，它们更多的是一种前端业务的解决方案。你们它们从方法，到配置，到工具，都自成一套。虽然根子上都是操作DOM，操作DATA，但思路都各不相同。唯一的相同之处就是都把对DOM和DATA的操作进行了重重封装，有时用它们写JS，感觉就像在写config配置。这方面做到极致的，目前看来就是ExtJs了。抛开这此框架不谈，单说组

05

Extjs grid 组件

表格面板类Ext.grid.Panel 重要的配置参数 columns : Array 列模式(Ext.grid.column.Columnxtype: gridcolumn) 重要的配置参数 text : String 列的标题默认是"" dataIndex : String 和Model的列一一对应的 sortable : true 可以整理,可以进行分类的 field: 可编辑字典配置重要方法 getStore 返回当前页面所关联的store 重要属性 ownerCt 组件所属的 Cont

08

房屋租赁管理系统的设计和实现，SpringBoot计算机毕业设计论文

随着计算机越来越普遍的被人们使用，信息化时代也随之而来，人们也在不断地追求城市化和自动化，因此毕业生或者其他相关打工人员将不断往大城市中进行迁移，寻找更好的发展机会。这些举动都极大地推动了房屋租赁产业的不断发展。对于传统的人工管理房屋的租赁问题已经很难适应的现在城市化的发展的，从某些方面来说甚至为本产业发展产生了阻碍的作用。加之信息化、网络化以及人工智能化的不断推进，这为房屋租赁系统的研发提供了重要的基础条件和对应的技术支持。

02

EXT窗口

Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext对话框。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭