ext | 易学教程

ExtJS与JQuery对照

阅读更多关于 ExtJS与JQuery对照

首先在介绍ExtJS和JQuery，然后进行比较一个、什么是ExtJS？ 1、ExtJS能够用来开发RIA也即富 client 的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端 ajax框架。因此。能够把ExtJS用在 .Net 、 Java 、 Php 等各种开发语言开发的应用中。 ExtJs最開始基于YUI技术。由开发者JackSlocum开发。通过參考JavaSwing等机制来组织可视化组件，不管从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript client 技术的精品。 2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和 Java平台上Swing两者，并为开发人员屏蔽了大量跨浏览器方面的处理。相对来说，EXT要比开发人员直接针对DOM、W3C对象模型开发UI组件轻松。二、什么是JQuery？ jQuery是一个兼容多浏览器的 javascript 框架，核心理念是write less,do more(写得更少,做得很多其它)。jQuery在2006年1月由美国人 John Resig 在纽约的 barcamp 公布。吸引了来自世界各地的众多JavaScript高手增加，由Dave Methvin率领团队进行开发。现在。 jQuery

ExtJs中动态加载机制研究(转）

阅读更多关于 ExtJs中动态加载机制研究(转）

觉得写的太好了，怕弄丢了，转一下： http://extjs.org.cn/node/659 昨天我们team对于extjs的动态加载机制做了些深入研究，这里先share下controller加载的结果。以service registry portlet为例：比如，在 liferay-portlet.xml中定义了：所以我们的js的入口点是app.js，这其中创建了Ext.application并且声明了动态加载controller: view source print ? 1. Ext.application({ 2. name: 'serviceRegistry' , 3. appFolder: '/serviceregistryportlet/js/app' , 4. controllers:[ 'mainPanel' ], 5. launch: function (){ 6. ... 7. ) 我们这里具体看extjs是如何实现动态加载controller的。首先我们可以看到，当它在加载controller时候，所有这里声明的controller的都会以类全名的形式传递给classNames属性 Ext.Loader的config选项paths会收到2个属性，一个是默认的Ext的path,它的默认值定义如下： view source print ? 01.

Ext树形结构

阅读更多关于 Ext树形结构

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>tree</title> <link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" /> <script type="text/javascript" src="Ext/ext-base.js"></script> <script type="text/javascript" src="Ext/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ //树控件由Ext.tree.TreePanel类定义，控件名称为TreePanel，TreePanel类继承自Panel面板 var tree = new Ext.tree.TreePanel({ el:'tree'//这里的参数‘tree’表示渲染的DOM的id }); var root = new Ext.tree.TreeNode({text:'我是根'}); //用setRootNode()方法把root放到tree里 tree.setRootNode(root);

Ext.menu.Menu 属性及基础应用

阅读更多关于 Ext.menu.Menu 属性及基础应用

Ext.menu.Menu 菜单对象 config{ allowOtherMenus : Boolean //允许同时显示其它的菜单? defaultAlign : String //默认对齐方式:tl-bl? defaults : Object //默认的菜单项配置,将会应用到所有的items items : Mixed //菜单项数组 minWidth : Number //最小宽度.默认120 shadow : Boolean/String // subMenuAlign : String //子菜单对齐方式 tl-tr? } Menu( Object config ) 构造 add( Mixed args ) : Ext.menu.Item 添加菜单项可能的参数为 * 从Ext.menu.Item继承来的菜单项对象 * 可以被转换为menu item的HTMLElement对象 * 一个Ext.menu.Item的构造config对象 *一个字符串,-或separator将为分隔项,其它的做为TextItem对象的构造参数 addElement( Mixed el ) : Ext.menu.Item 添加Element对象 addItem( Ext.menu.Item item ) : Ext.menu.Item 添加Item 对象 addMenuItem( Object

ExtAspNet应用技巧（十三） - 后台主页面（IFrame框架）

阅读更多关于 ExtAspNet应用技巧（十三） - 后台主页面（IFrame框架）

书接上回，在系统登录之后，就要显示主页面了，先看下效果：界面效果点击“退出系统”按钮：整个页面被分为了三部分，上面的是页面标题和工具栏；左侧的是系统菜单；右侧的主内容区域。需要特别注意的是，在主内容区域我们使用了IFrame，这也是 ExtAspNet 提倡的一种做法。这种IFrame框架不仅加快了页面的加载速度，而且代码逻辑以页面的形式组织划分，对于代码编写调试以及多人开发都极其有利。 ASPX标签 <ext:PageManager ID="PageManager1" AutoSizePanelID="BorderLayout1" HideScrollbar="true" runat="server" /> <ext:BorderLayout ID="BorderLayout1" ShowBorder="false" runat="server"> <Regions> <ext:Region ID="regionTop" Height="60px" ShowBorder="false" ShowHeader="false" Position="Top" Layout="Fit" runat="server"> </ext:Region> <ext:Region ID="regionLeft" Split="true" Width="200px" Margins="0

ExtJS 4.2 教程-04：数据模型

阅读更多关于 ExtJS 4.2 教程-04：数据模型

我们在上一节中介绍了如何在ExtJS 中自定义类，这一节中将介绍如何自定义数据模型。自定义数据模型在上一节中，我们使用Ext.define 来自定义类，通过Ext.define 定义的类都默认继承自Ext.base 类。如果我们将extend 设置为Ext.data.Model，那么定义的类就是一个数据模型类了。先定义一个简单的数据模型类 User类，代码如下： Ext.define('MyApp.User', { extend: 'Ext.data.Model', fields: [ { name: 'name', type: 'string' }, { name: 'age', type: 'int' }, { name: 'phone', type: 'string' } ] }); 在代码中可以看出，数据模型类其实就是一个继承自Ext.data.Model 的类。 fields 属性中定义了该模型的字段，它可以是对应到数据库中的字段。在使用的时候，数据模型包含的字段和类的属性使用方式不太相同。要访问字段的值，需要视同get 和 set 方法，例如： var Tom = Ext.create("MyApp.User", { name: 'Tom', age: 26, phone:'123456' }); Tom.set('age', 20); Ext.MessageBox

ExtJS布局-Layout

阅读更多关于 ExtJS布局-Layout

布局概述　　容器中可以放置各种各样的元素，那么这些元素在容器中是如何排放的呢？是从左到右，还是从上到下？这些是容器自身不知道的，容器中子元素如何进行排放，在Ext中由布局来处理。　　所谓的布局就是容器组件中子元素的分布、排列组合的方式。Ext中所有的容器组件都支持布局操作，每个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合以及渲染方式等。　　Ext提供了一套强大的布局系统，通过这些布局的应用，可以满足应用程序中各种复杂的用户界面布局处理，。在Ext中的每一个布局类都有一个简短的布局名称，在使用布局的时候直接使用布局名称即可。　　布局主要应用于容器组件，在Container类中，提供了一个layout配置选项，该项可以是一个预定义布局名称 Column布局　　这个布局用于在一个多列格式中创建结构化布局的布局样式, 每列可以用百分比或固定的宽度值来定义, 但允许高度根据内容而改变. 此类应该通过layout :'column' 属性进行扩展或创建, 通常应该不需要通过类名等关键字进行直接创建。　　如果子面板中没有定义width或columnWidth, 主面板的宽度将被默认指定为子面板的宽度(或自动值auto). 　　参数width只能为以像素px为单位, 大于等于1的数值；　　参数columnWidth只能为百分比, 其值必须为0到1之间的小数

Ant 常用语法及选项

阅读更多关于 Ant 常用语法及选项

project 项目定义，一个ant文件就是一个 project，定义了项目名称，起始位置以及默认执行的 target。 <project name="Easily" basedir="." default="build"> property 属性定义，可以定义的属性包括：文件属性、字符串定义。 <property file="build.properties"/> <property name="WIDTH" value="1200"/> <property name="HEIGHT" value="750"/> <property name="PROJECT_DIR" value="${basedir}/../"/> <property name="SOURCE_DIR" value="${PROJECT_DIR}/src"/> taskdef 任务定义，可以理解为具体执行的任务所需要的第三方库，比如编译 as3 就需要引入 flexTasks.jar ，比如在代码中需要用到 Math 的时候，需要引入 include Math，同样的道理。 <taskdef resource="flexTasks.tasks" classpath="${FLEX_HOME}/ant/lib/flexTasks.jar"/> target 可以理解为 method，是 ant 执行的最小单位

Ext.js Ext.Container添加垂直滚动

阅读更多关于 Ext.js Ext.Container添加垂直滚动

Ext.define('aaabbb', { extend: 'Ext.Container', requires: [ 'Ext.form.FieldSet' ], config: { account: null, date: null, report: null, editable: true, scrollable: { direction: 'vertical',// 垂直滚动 indicators: false,// 滚动条 }, style: 'background-color:#f0f3f5;' }, } 来源： https://www.cnblogs.com/xielideboke/p/12418480.html

java知识点 --- 类加载器

阅读更多关于 java知识点 --- 类加载器

一、什么是类的加载机制虚拟机把描述类的数据从Class文件加载到内存，并对数据进行校验、转换解析和初始化，最终形成可以被虚拟机直接使用的Java类型，这就是虚拟机的类加载机制。　　类的加载指的是将类从“.java”代码文件编译成的“.class”字节码文件中的二进制数据读入到内存中，将其放在运行时数据区的方法区内，然后在堆区（HotSpot虚拟机在方法区中）创建一个 java.lang.Class 对象，用来封装类在方法区内的数据结构。类的加载的最终产品是位于堆区中的 Class 对象， Class 对象封装了类在方法区内的数据结构，并且向Java程序员提供了访问方法区内的数据结构的接口。　　　　一般情况在你的代码中用到这个类的时候，才会加载这个类，但是类加载器并不需要等到某个类被“首次主动使用”时再加载它，JVM规范允许类加载器在预料某个类将要被使用时就预先加载它，如果在预先加载的过程中遇到了.class文件缺失或存在错误，类加载器必须在程序首次主动使用该类时才报告错误（LinkageError错误）如果这个类一直没有被程序主动使用，那么类加载器就不会报告错误。二、类的生命周期　类从被加载到虚拟机内存中开始，到卸载出内存为止，它的整个生命周期包括：加载（Loading）、验证（Verification）、准备（Preparation）、解析（Resolution）

订阅 ext