ExtJS
饭fan有引力
低调低调~
展开
-
ExtJS事件与浏览器标准事件的异同
标准事件:在Web应用中事件通常是指用户使用鼠标或键盘对页面元素进行的操作或从服务器得到的响应。业务事件:指一些与特定业务相关的事件,例如:在面板(panel)组件展开和收缩过程中会分别触发展开(expand)事件和收缩(collapse)事件,它们都与展开或收缩的具体业务相关。事件处理函数:响应用户操作的程序或函数,也可称之为事件监听器。事件绑定:将时间与事件处理函数关联起来的过程。事件对象:代原创 2012-08-09 09:44:21 · 1444 阅读 · 0 评论 -
Extjs4 API文档阅读の组件(components)
一个Ext JS 应用程序是由一或多个称为组件(components)的部件(widgets)组成的.所有的组件都是Ext.Component的子类,Ext.Component包含自动化生命周期管理的功能,如创建、渲染、尺寸控制、定位和销毁等,因此所有组件都自动拥有这些功能。ExtJS 提供了非常多可直接使用的组件,并且从这些组件继承并扩展自己的自定义组件也是很容易的一件事情。组件层次转载 2012-08-11 15:28:47 · 2020 阅读 · 0 评论 -
ExtJS4.0的组件简介
一、概述:ExtJS 中的组件体系由框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext 的控件,Ext 组件是由Component类定义,每一种组件都有 二、组件大致可以分为三大类:基本组件、工具栏组件、表单及元素组件。一个指定的xtype 属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。源码详解:创建一个pa转载 2012-08-11 15:25:26 · 2863 阅读 · 0 评论 -
ExtJS 3.4 表单控件
Ext.onReady(function() { // HtmlEditor需要这个 Ext.QuickTips.init(); var form = new Ext.form.FormPanel({ labelAlign: 'right', labelWidth: 50, width: 600, title: 'form', frame: true, items原创 2012-08-19 10:28:32 · 2870 阅读 · 0 评论 -
ExtJS 常用proxy
这篇博文主要介绍一些常用的proxy,这些proxy的作用是通过内存,HTTP等不同的媒介获取原始的数据,然后将获取的数据交给对应的读取器进行处理。1、MemoryProxy MemoryProxy只能从JavaScript对象获得数据,可以直接把数组,或JSON和XML格式的数据交给它处理,如下面的代码所示: var proxy = new Ext.data.MemoryP原创 2012-08-21 15:52:49 · 5097 阅读 · 0 评论 -
Ext中的get、getDom、getCmp、getBody、getDoc的区别
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现转载 2012-08-20 14:41:03 · 672 阅读 · 0 评论 -
Countdown to Ext JS 4: Anatomy of a Model
If you follow Ext JS, chances are you already know that we have a brand new data package for Ext JS 4. The new data package builds on the principles of the one in Ext JS 3 while adding a huge number o转载 2013-01-02 22:58:46 · 1284 阅读 · 0 评论 -
Ext JS 处理各种数据格式外部数据的能力
原创 2013-01-02 19:52:32 · 1029 阅读 · 0 评论 -
Ext JS数据存储
多数Ext JS对象(甚至是面板,对于面板需要一些附加的编码工作)都可以把数据当成记录(Records)或者节点(Nodes)进行处理。记录常常被存放在存储对象中。我们可以把Store看成熟悉的电子表格,而每个Record就是电子表格中的一行。data包中包含了许多和数据交互的对象。并且提供了几种不同的存储类型:JsonStore 与JSON数据协同工作的存储对原创 2013-01-02 20:04:50 · 1136 阅读 · 0 评论 -
ExtJS4.x数据模型之Model
1. 基本概述 ExtJS不仅有令人眩目的UI组件还有非常完善的数据模型,它将整个数据读取过程分解为几个相互配合的独立部分,可以根据数据结构的不同和获取方式的不同,对这些部分进行灵活的组合,最终达到灵活使用数据的目的。 其中,Ext.data.Model数据实体模型是真实世界中实体对象在应用系统中的反映,它包含字段集和处理数据的函数,它的前身是ExtJS 3.x以及以前版本中的转载 2013-01-02 20:56:44 · 1428 阅读 · 0 评论 -
ExtJS4.x数据模型之Proxy
1. 基本概述 Proxy数据代理是进行数据读写操作的主要途径,ExtJS提供的数据代理类主要包含两大类,分别是Ext.data.proxy.Client客户端代理和Ext.data.proxy.Server服务端代理,它们都继承自Ext.data.proxy.Proxy类,客户端代理和服务端代理的子类如下: 客户端代理: ● Ext.data.proxy.Memor转载 2013-01-02 20:58:45 · 3122 阅读 · 0 评论 -
Ext JS4 comboBox读取数据库
Ext.onReady(function() { // create model Ext.define('info', { extend: 'Ext.data.Model', fields: [{ name: 'id', type: 'int' }, { name: 'name', type: 'string' }, { name: 'passw原创 2013-01-02 23:07:13 · 1973 阅读 · 0 评论 -
ExtJS4.0の数据集
Store数据集是一个客户端数据模型对象Model的缓存,它可以为ExtJS组件提供数据输入(例如:GridPanel、ComboBox、DataView等),Store通过数据代理加载数据,也可以手工调用loadData等方法加载数据,解析后的数据对象缓存在Store数据集中,并通过存取函数进行访问。在ExtJS中提供的数据集类主要包括:Ext.data.AbstractStoreE原创 2012-08-11 10:53:08 · 1610 阅读 · 0 评论 -
ExtJS之数据模型
ExtJS的数据模型主要包括以下几部分:数据实体模型:Model数据实体模型代表了应用系统中用到的数据实体,如在电子商务系统中的用户信息(Users)、产品信息(Products)、账单信息(Orders)等。数据代理:Proxy数据代理用来处理数据的读取和保存,如通过Ajax代理获取服务器端的数据。数据读写器数据读写器用于读取原始数据到Model数据实体模型,原创 2012-08-11 08:23:08 · 785 阅读 · 0 评论 -
ExtJS中的基本概念
①面板Panel:面板是一块区域,程序员可以在之上放置各种组件,从而形成用户界面。说得形象一点,面板就是空白的画板,程序员是画家,最终画板上会出现什么,决定于画家。当然作为面板来说,最终展现在面的不是水墨国画,而是各种ExtJS的组件。面板的出现解决了窗口(对于 Web 应用来说就是一个浏览器窗口)不方便直接分拆的问题。利用面板就能将窗口分割成多个部分,这样对窗口来说,它只需要管理好面板在窗口上的原创 2012-08-10 15:52:09 · 1246 阅读 · 0 评论 -
非常有用的Ext.core.Element
Ext.core.Element是所有组件及控件操作的基础,是一个DOM对象的包装,加入了DOM的操作处理,并根据不同的浏览器进行处理。该类的所有实例都向我们展示通过DOM继续Ext.fx.Anim的视觉效果。该类的事件并非Ext的底层事件,而是封装的浏览器事件,也可以通过Ext.EventObject.browserEvent访问到更多的底层浏览器事件。通过ID或DOM节点来得到Ext.core原创 2012-08-08 21:09:43 · 1341 阅读 · 0 评论 -
Extjs4.0学习笔记(文件引用)
Extjs4.0比以往有些变化,用起来麻烦不小。所以用笔记记一下。与以前的引入三个文件不同,现在的4.0只要引用两个文件就行了。 bootstrap.js里面对必要的js代码做了调用,感兴趣的可以看下。不感兴趣的知道怎么用就行了。 demo1 Ext.onReady(function () { Ext.Msg.a原创 2012-01-10 13:06:58 · 5919 阅读 · 0 评论 -
ExtJS4.0 标准布局类
面板相当于一张干净的白纸,如果直接在上面添加内容,将很难控制面板中内容的显示位置,面板元素越多就显得越零乱,所以需要在面板上划分不同的区域,将面板内容展示到希望的位置上。ExtJS通过提供多种布局类来为面板提供支持,主要包括如下11种:Auto(自动布局)Ext.layout.container.Auto自动布局是容器在没有指定布局方式时默认采用的布局类型,它使用原始的HTML文档流来原创 2012-08-08 16:28:24 · 2996 阅读 · 1 评论 -
在eclipse中安装spket
在eclipse中安装spket的方法:1、下载spket-1.6.4.1.zip压缩包,解压把压缩包中eclipse下两个文件夹下的内容复制到eclipse安装目录下的对应文件夹中,重启eclipse;2、Window → Preferences → Spket → JavaScript Profiles → New ;3、输入“ExtJS”点击OK;选择“ExtJS”原创 2012-01-14 21:43:19 · 2276 阅读 · 0 评论 -
关于extjs中文问题
中文版的 引入ext-lang-zh_CN.js,但常常,有些还是英文的,现在提供几种方法给你,绝对秒杀英文,如果不行,找我我一定帮你解决。1.加入 Ext.QuickTips.init(); 一般那些qtip什么的,tooltip 就会有用 比如表格里面的actioncolumn tooltip: '删除',2.查看ext-lang-zh_CN.js 找到属性(api一般不会显示)比如t原创 2012-01-16 23:40:11 · 1072 阅读 · 0 评论 -
extjs与php参数交互
HelloWorld Ext.onReady(function(){ var requestConfig = { url:'loginServer.php', //请求的服务器地址 params:{userName:'lowkey', password:'zq19890319'}, //请求参数 meth原创 2012-02-22 12:51:44 · 2025 阅读 · 0 评论 -
ExtJS与PHP、MySQL实现存储的方法
1 建立数据库代码如下:create database db_register; create table db_register.tb_register( reg_loginid varchar(20) primary key, reg_name varchar(20) not null, reg_id int not null, reg_passwo原创 2012-02-19 21:17:17 · 1232 阅读 · 0 评论 -
Extjs与php数据交互(增删查改)
//搜索暂时没做,数据是出来了,但是却没法显示Ext.QuickTips.init(); //初始化快速提示对象function test() { Ext.Msg.alert('title','test-yii-ext');}function renderSex(value) { if (value == 'male') {原创 2012-02-19 21:24:48 · 7773 阅读 · 2 评论 -
ExtJS 4正式版今天发布
我很自豪能代表Sencha和ExtJS团队和大家成功的分享了ExtJS 4的预览版、3个beta版和今天发布的正式版等5个版本。 ExtJS 4从创建之初,就以最全面现代化为目标,它采用了改进的架构和加入了许多新的特性,从而使你可以创建可靠的下一代网络应用程序。框架的每个部分几乎都已升级和优化,已充分利用当今的现代浏览器,同时兼容它们的前辈。 下载ExtJS 4转载 2012-01-14 14:12:22 · 753 阅读 · 0 评论 -
ExtJS 4.0 的改变--较为完整的介绍
惯例,看之前先看看我的很久很久以前的学习笔记(就是那个Word文档,没兴趣的可以不看,不影响): http://wenku.baidu.com/view/ce8d3e08763231126edb1146.html 本文里面不会详细介绍某些方法函数具体如何使用,例子全部自己写的(部分参考API和ExtJS 4.0 Developer Preview),应该不会有错,提到的方法函数只提供名转载 2012-01-14 14:16:57 · 1712 阅读 · 1 评论 -
EXTJS4之TreePanel
在EXTJS4中,对3.x中的组件也做了部分的调整和功能上的改进。本文中咱们主要来看一下。tree组件在3.x和4中的区别。 1、3.x中当我们想让我们的tree通过异步加载数据时,我们必须将我们的root节点设置成异步节点(AsyncTreeNode),然后在我们的treeloader的beforeload事件中,做加载前的参数设置。如果,我们不将其root设置为异步节点,那么我们的tree转载 2012-08-10 16:16:10 · 2369 阅读 · 0 评论 -
ExtJS4.1 desktop桌面图标自动换行
打开js文件夹下的desktop.js文件,在里面拓展一个函数,也就是添加一个函数: initShortcut : function() { var btnHeight = 64; var btnWidth = 64; var btnPadding = 30; var col = {index : 1,x原创 2013-01-06 01:15:45 · 5348 阅读 · 8 评论