ExtJS 4.x 第四搞 定义和加载类

最新推荐文章于 2024-08-25 09:57:22 发布
最新推荐文章于 2024-08-25 09:57:22 发布
阅读量75 收藏
点赞数
文章标签： javascript ViewUI

定义一个Window类:

Ext.define('com.test.loader.Window',{
    title:"loader Window1 Test",
    extend:'Ext.window.Window',
    width:430,
    height:260,
    initComponent:function(){
        this.callParent(arguments);
    }
});


//创建一个窗口，继承自上面的com.test.loader.Window
Ext.define('com.test.loader.FormWindow',{
 title:"loader Window1 Test",
 extend:'com.test.loader.Window',
 width:230,
 height:160,
 //items:[],
 constructor: function(cfg) {
 this.initConfig(cfg);
 }
});

测试加载：

jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>requires LoaderTest1 </title>
        <jsp:include page="../include/ext-core-top.jsp" flush="true">
            <jsp:param value="../" name="basePath" />
        </jsp:include>
        <script type="text/javascript" src="LoaderTest1.js"></script>
        
    </head>
    <body>
        <h1>Hello World!</h1>
    </body>
</html>

加载目录当前目录下的window包,包名

com.test.loader

Ext.Loader.setConfig({
    enabled:true,
    paths:{}
});
Ext.Loader.setPath('com.test.loader','./window');

Ext.onReady(function(){

var win2 = Ext.create('com.test.loader.Window',{
title:'窗口2 组件测试'

})

//创建一个类，继承自com.test.loader.Window

Ext.create('com.test.loader.Window',{
title:'异步加载组件测试',
items:[{
xtype:'button',
text:'显示窗口',
handler:function(){
win2.show();
}
}]
}).show();


});




iteye_6481
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
extjs 树刷新_ExtJS 4 树
weixin_39715460的博客
12-21 350
Tree Panel是ExtJS中最多能的组件之一，它非常适合用于展示分层的数据。Tree Panel和Grid Panel继承自相同的基类，所以所有从Grid Panel能获得到的特性、扩展、插件等带来的好处，在Tree Panel中也同样可以获得。列、列宽调整、拖拽、渲染器、排序、过滤等特性，在两种组件中都是差不多的工作方式。让我们开始创建一个简单的树组件Ext.create('Ext.tre...
关于实现Extjs动态加载类的方式实现
08-22 126
  Extjs4以前的版本没有动态加载类的方式，这样开发程序的时候加载很多的js会导致加载变慢，由于本人一直使用extjs3的版本进行开发，于是简单实现了一个动态加载类的管理器，使用方式与extjs4的方式有些类似，在每一个类中需要使用其他类的时候像java一样先improt再使用。先看使用方式： Ext.setPath("ThinkOA", "app");//将命名空间ThinkOA映...
ExtJs 4.x 学习小记：Ext.require动态加载js文件
热门推荐
bdmh的专栏
04-18 1万+
一般我们在网页中中引用html或jsp文件，都是在
ext加载一个html文件夹,ExtJs 4.x 学习小记：Ext.require动态加载js文件
weixin_30069591的博客
06-09 235
一般我们在网页中中引用html或jsp文件，都是在页面文件中通过一下方式静态的引用在js文件数量少的情况下还可以接受，当js文件较多时，如果都这样使用静态方式加载，会增加浏览器的负担，如果能改为动态加载，需要时才加载要用到的js文件，这样可以一定程度上提高浏览器的浏览速度，Extjs提供了require方法来动态加载js文件要使用动态加载，首先要设置Ext.Loader的enabled配置项为tr...
Extjs4.0日历插件与项目整合的详细介绍（二）
Dream2World,SayHi
10-11 3549
之前已经细说过日历插件的其中一部分，接下来会对view目录下的文件进行详细的介绍，该目录下的文件多数是控制日历插件的展示的，比如显示到日历表上的div层，禁止可拖拽功能以及按照国内日历的习惯，一周从周一开始而不是周天等。 1. AbstractCalendar.js该文件主要是为其他的view提供基础服务的抽象类。 - 控制表头中的一周从周一开始
ExtJs4基础
Clare Tung
12-12 966
JSON结构 JSON有数组和对象两种结构： 对象结构：用大括号作为开始和结尾{}，中间可以用0个或多个，（逗号）分隔的”key/value“列表组成，关键字和值之间用：（冒号）分隔。 { key1:value1, key2:value2, … } 其中关键字是字符串，值可以是字符串、数值、true、false、null对象或数组。 数组结构:用中括号开始和结尾[]。中间有0个或多个，（逗号）...
extjs 渲染之前的方法_EXTJS4新特性之全新的类系统及动态加载
weixin_39634900的博客
12-19 96
在这片文章中，我们主要看一下EXTJS4中对类的一些方面的改进，比如说类的定义等等。以及在这些改进中，比起之前版本的一些使用上的好处。或者说改进了之前的一些缺陷。首先我们来认识一下，EXTJS4中在类的使用上做了什么改进。(一)全新的类系统1、EXTJS4中所有的类都可以使用字符串引用。例如我们来看一下，EXTJS3.X中和EXTJS4中定义的区别。//Extjs3.x中定义类的方法myApp.m...
Extjs4 之grid组件
大爱无疆的博客
11-22 1737
grid表格是extjs的核心组件之一，它提供了展示大量数据的最佳途径。Grid组件的重要特性包括：智能渲染、标准布局、数据视图、特性支持、虚拟滚动和编辑改进，这些特性共同缔造了功能强大的4.0grid组件。 智能渲染：在extjs4.0之前的版本中采用了‘最小公分母’的策略来支持各种丰富的特性，这种方式会对每一个表格产生大量的标签，而这些标签对于简单表格来说是不必要的，而在4.0中默认的表格只
EXTJS4 新特性之Ext.data.Model
ITNoobie的博客
06-29 526
在发布的ExtJS4版本中，在data包中新增加了一个类Model（模型类）。这个类有点类似于ExtJS3.x中的record，但是新添加的Model的功能要比record类的功能强大的多，下面我们就是一起讨论一下。Model类的功能: (一)、首先我们介绍一下Model类中比较常用的几个属性,如果我们想构建一个Model类，最主要的属性就是(Fields)属性，这个属性接受一个数组。用
ExtJS下 Ext.Direct加载和提交过程排错小结
12-09
4. **依赖库问题**：确认所使用的 ExtJS 和 DirectJNgine 版本兼容，以及所有必要的依赖都已正确引入。有时候，库的版本不匹配或者缺失会导致类似的问题。 为了解决这个问题，需要按照以下步骤进行排查： 1. **...
Extjs4中的分页应用结合前后台
10-26
在EXTJS4中，分页应用是实现大数据量展示时必不可少的功能，它可以有效地提高用户体验，减少...通过这样的前后台配合，EXTJS4能够实现高效、灵活的分页功能，使用户在浏览大量数据时能流畅地进行页面切换和数据加载。
精通JS脚本之ExtJS框架.part2.rar
03-02
第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的事件 4.4.1 Function.call()/apply()方法 4.4.2 函数的作用域 4.4.3 Ext.lib.Event事件 4.4.4 Ext.util....
extjs4 treeGrid实例
04-25
在ExtJS4中，TreeGrid主要由`Ext.tree.Panel`类定义，它扩展了`Ext.grid.Panel`，因此具备了表格的所有功能，同时也包含了树结构的特性。 创建一个TreeGrid的第一步是定义模型（Model）。模型定义了数据的字段及其...
vue ref和reactive区别
最新发布
灰海
08-25 569
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
vue开发引入第三方插件的方式及其区别
你们瞎搞
08-22 390
npm。
2024前端面试题-js篇
FormAda的博客
08-22 945
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 384
【代码】【js】各类前端输入校验方法。
DirectJNgine 1.3用户指南：ExtJs 3.2.x集成教程
**第4章：项目配置** - 创建新项目时，需调整配置以指向DirectJNgine提供的服务器端接口。 - 为客户端JavaScript代码定义服务器方法，并在Java后端实现它们。 **第5章：实战示例** - "Hello World"示例演示了从...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值