ext

ExtJS与JQuery对照

痞子三分冷 提交于 2020-04-01 07:05:15
首先在介绍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中动态加载机制研究(转)

寵の児 提交于 2020-03-31 06:33:25
觉得写的太好了,怕弄丢了,转一下: 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树形结构

北城余情 提交于 2020-03-29 17:18:14
<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 属性及基础应用

老子叫甜甜 提交于 2020-03-26 10:58:16
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框架)

本秂侑毒 提交于 2020-03-21 07:47:44
书接上回,在 系统登录 之后,就要显示主页面了,先看下效果: 界面效果 点击“退出系统”按钮: 整个页面被分为了三部分,上面的是页面标题和工具栏;左侧的是系统菜单;右侧的主内容区域。 需要特别注意的是,在主内容区域我们使用了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:数据模型

♀尐吖头ヾ 提交于 2020-03-12 04:48:51
我们在上一节中介绍了如何在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

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

Ant 常用语法及选项

六月ゝ 毕业季﹏ 提交于 2020-03-07 05:50:14
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添加垂直滚动

混江龙づ霸主 提交于 2020-03-05 10:38:13
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知识点 --- 类加载器

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