
Ext Js
波哥的技术积累
这个作者很懒,什么都没留下…
展开
-
ExtJs中ComboBox通过表单传值,后台要得到valueField的值---hiddenName
{name:"faId",xtype: "combo",fieldLabel: "父userId",width: 120,displayField:"userId",valueField:"uid",hiddenName:"faId",mode: 'remote',forceSelection:true,triggerAction: 'all',store:comboBoxStoreForFaUs转载 2012-08-23 01:32:16 · 9597 阅读 · 0 评论 -
Ext Js 3.2 锚点布局---AnchorLayout
1:Ext.layout.AnchorLayout 它是根据容器大小为其所包含的子面板进行定位的布局,对应面板布局(layout)配置项的名称为anchor,如果容器大小发生变化时,所有子面板的位置都会根据规则进行重新计算,并自动渲染,它的主要配置项如下: (1):anchorSize(父容器提供) anchor布局用anchorSize配置项用来设置虚拟容器原创 2011-11-27 13:55:45 · 4274 阅读 · 0 评论 -
Ext Js 列布局-- ColumnLayout
1:Ext.layout.ColumnLayout 它是为构建某个垂直式结构而准备的布局,当中包含已指定宽度的多个列,可以使用columnWidth或者width来指定子元素所占的列宽度 属性width总是以像素来固定宽度,并必须是数字大于或者等于1,属性columnWidth是百分比相对单位,并必须是百分比字符串区间是大于0小于1 使用columnWidth属性来分原创 2011-11-27 12:21:23 · 4389 阅读 · 0 评论 -
Ext Js 3.2 卡片式布局--CardLayout应用
1:Ext.layout.CardLayout的介绍 CardLayout可以看作是一叠卡片,从上面看起来就像是一张卡片,可以把中间的卡片抽出来,放到最上面,可每次只能看到一张卡片,它能够满足安装向导、Tab选项卡等应用面板显示的需求。 代码: <%String path = request.getContextPath();String basePath原创 2011-11-27 11:33:30 · 3899 阅读 · 0 评论 -
Ext Js 3.2 边框布局--BorderLayout的应用
1:边框布局--BorderLayout Ext.layout.BorderLayout对应面板布局layout配置项的名称为border。该布局包含多个字面板,是一个面向应用的UI风格的布局,它将整个容器分为5个部分,分别是east, south, west, north, center, 加入到容器中的字面板需要指定region配置项来告知容器需要加入到哪个部分,并且该布局还内原创 2011-11-27 11:08:56 · 4184 阅读 · 0 评论 -
Ext Js 3.2 折叠布局-AccordionLayout的应用
1:折叠布局---AccordionLayout的简单介绍 Ext.layout.AccordionLayout对应面板布局layout配置项的名称为accordion,该面板继承自Ext.layout.FitLayout布局,该布局会包含多个字面板,任何时候都只有一个字面板处于打开状态,每个子面板都内置了对展开和收缩功能的支持,最终效果可以像手风琴那样拉来拉去,就是类似QQ面板的功原创 2011-11-27 10:49:07 · 3385 阅读 · 0 评论 -
Ext Js3.2 折线图应用
1:源代码 <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> grid原创 2011-11-15 11:30:37 · 6920 阅读 · 4 评论 -
Ext Js 3.2中GroupView的使用
1:代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPanel原创 2011-11-16 12:22:27 · 1810 阅读 · 0 评论 -
Ext Js 3.2 饼状图应用
1:源代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPan原创 2011-11-15 13:26:54 · 5417 阅读 · 5 评论 -
Ext Js 3.2 柱状栈图的应用
1:源代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPan原创 2011-11-15 13:15:55 · 1966 阅读 · 0 评论 -
Ext Js 3.2自定义编辑器
1:为了方便修改属性信息,我们可以自定义一些编辑器,如自定义一些日期,性别,时间编辑器等,自定义编辑器需要用到PropertyGrid的customEditors代码如下:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName(原创 2011-11-16 11:39:35 · 1432 阅读 · 0 评论 -
Ext Js 3.2中关于PropertyGrid即属性表格的使用
1:代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPanel原创 2011-11-16 11:08:01 · 5086 阅读 · 0 评论 -
Ext Js 3.2 柱状图应用
1:源代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPan原创 2011-11-15 11:25:11 · 9342 阅读 · 3 评论 -
Ext Js 3.2 显示行号
1:代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ原创 2011-08-21 23:55:21 · 2563 阅读 · 1 评论 -
Ext Js 3.2 自适应布局--FitLayout
1:Ext.layout.FitLayout 它是最简单的布局方式,如果要使用这种布局,只需要设置容器的layout属性为fit就可以了,即使容器中指定了多个面板,只会渲染第一个面板,它通常用于菜单、表单等的嵌套布局。代码:<%String path = request.getContextPath();String basePath = request.getSc原创 2011-11-27 14:05:38 · 4691 阅读 · 0 评论 -
Ext Js 3.2 Viewport使用
1:Ext.viewport 它是一个可视区域的特殊容器,初始化Viewport会布满整个浏览器可视化区域,并且它会根据浏览器的大小自动调整并且管理窗口的大小变化,一个页面上只允许存在一个Viewport Ext.layout.BorderLayout就是Viewport不二的布局风格类型,自然,初始化Viewport就是初始化东(east), 西(west), 南(s原创 2011-11-27 15:09:59 · 3138 阅读 · 0 评论 -
Ext Js中动态让空间只读
1.textField:textField有readOnly属性,但是如果用textField1. readOnly = true是不能实现让textField只读的,方法是用textField1.el.dom.readOnly = true才能实现。2.dateField和combox API里面两者的readOnly 属性是这样描述的: True to mark转载 2012-09-01 16:23:15 · 2209 阅读 · 0 评论 -
Extjs的FormPanel从后台load json数据的要点
1、定义接口json格式;{"success":true,"info":[{"elongInfo":"elong test","ctripInfo":"ctrip test"}]}a、需要success,判读是否成功;b、root节点info下是一个数组;这点非常重要2、定义reader;new Ext.data.JsonReader({successProperty:转载 2012-07-12 00:03:26 · 14634 阅读 · 2 评论 -
Ext Js中数据代理的学习
1:Ext.data.DataProxy DataProxy的意思就是数据代理,基类是DataProxy,在Ext Js中,数据代理类又扩展了三个数据代理类:MemoryProxy, HttpProxy和ScriptTagProxy,数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公共的属性和方法,只是规定了子类需要处理三个事件: beforel原创 2012-02-19 17:54:22 · 3340 阅读 · 1 评论 -
Ext Js 3.2 store的用法学习
1:store可以理解为数据存储器,也可以理解为客户端的小型数据表,提供缓存等功能,在Ext Js中,GridPanel、ComboBox、DataView等控件一般是直接与store打交道,直接通过store来获得控件中需要展现的数据等,一个store可以包含多个Record,同时store又包含了数据来源,数据解析器等相关信息。store通过调用具体的数据解析器(DataReader)来解析指原创 2011-12-09 18:23:40 · 3826 阅读 · 0 评论 -
Ext中数据读取器Ext.data.DataReader的学习
1:Ext.data.DataReader 数据读取器,它是所有读取数据的基类,主要功能就是将数据代理从远程服务器或者本地数据请求返回的异构数据按照规定的数据记录类型解析成Ext Js的Record数据集类型,并且保存到store的数据集中。 在Ext Js中还提供了读取二维数组、JSON数据以及XML等读取器。2:Ext.data.ArrayReader原创 2012-02-19 23:47:54 · 4414 阅读 · 0 评论 -
XML与JSON数据对比
1:编写格式 xml: first 张三 13 zhangsan@163.com json: { "employee": { first: 'first',原创 2011-12-09 16:08:29 · 1436 阅读 · 0 评论 -
Ext Js 3.2中Record的使用方法
先来了解Ext Js和SQL的不用语法: 1:Ext Js语法 var EmployeeRecord = new Ext.data.Record.create({ {name: 'empId ', type: 'int'} {name: 'first', type: 'string'}, {n原创 2011-12-09 16:42:25 · 12603 阅读 · 0 评论 -
Ext Js 3.2 EditorGirdPanel增加一行和删除一行
1:源代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPanel原创 2011-11-10 18:31:48 · 8199 阅读 · 0 评论 -
Ext Js 3.2 EditorGridPanel 的使用方法
1:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> gridPanel原创 2011-11-10 16:48:57 · 2467 阅读 · 0 评论 -
Ext.Update.update实例
1:update.jsp代码 <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> ">原创 2011-11-28 16:28:37 · 3044 阅读 · 0 评论 -
Ext.Ajax.request提交xml数据
1:示例代码login_xml.jsp<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> Ext.原创 2011-11-28 15:11:59 · 2753 阅读 · 0 评论 -
Ext Js 3.2中Ext.ajax.request方法详解
1:Ext.Ajax.request([Object options]):Number options中的一些属性和含义如下: url:指定请求的服务端url params: 指定要传递的参数,可以是一个包含参数名称及值的对象,也可以是类似于name=xx&birthday=1978-1-1的url编码字符串,或者是一个能返回上述两种内容原创 2011-11-28 14:23:03 · 20607 阅读 · 1 评论 -
Ext Js 3.2 form表单布局的小例子
1:代码:<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> form表单布原创 2011-11-27 16:11:56 · 6928 阅读 · 1 评论 -
Ext 3.2 修改列的颜色
1:代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ原创 2011-08-21 23:44:33 · 2421 阅读 · 0 评论 -
Ext Js 3.2 表格应用复选框
1:代码<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ原创 2011-08-22 00:11:30 · 4463 阅读 · 2 评论 -
Ext Js 3.x中表格Grid的学习和实例
1:基本知识 grid由一下几个部分组成: *数据(data) 数据有几种格式:Array、JSON、XML等 *存储器(store) Ext中store是个很重要的类,它的主要作用是将数据从data中读出来,供grid使用。对应与数据,原创 2011-08-05 23:05:35 · 3186 阅读 · 0 评论 -
Ext Js3.2中Ext.Element类的学习
1:基本知识 Ext Js中最基本的元素是Ext.Element, 它是构成Ext.Js组件的元素,介于纯DOM和Component之间,它实在标准HTML元素上进行的高级封装,可以在上面添加如事件监听器,对DOM操作,对CSS操作等内容 W3C标准是通过docum原创 2011-07-27 00:36:49 · 2470 阅读 · 0 评论 -
使用Ext Js3.2实现的具有选择框的菜单,使用Ext.menu.Menu来实现
1:menu.jsp<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getSer原创 2011-07-26 23:20:27 · 2557 阅读 · 0 评论 -
使用Ext Js 3.2创建具有三级或者多级菜单,使用Ext.menu.Menu类
1:menu.jsp的内容<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.原创 2011-07-26 22:59:03 · 3414 阅读 · 0 评论 -
使用Ext.js3.2实现简单的菜单栏,使用类Ext.menu.Menu
1:menu1.jsp<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.ge原创 2011-07-26 22:43:00 · 1902 阅读 · 0 评论 -
Ext.toolbar.Toolbar的学习,是Ext Js 4的类,Ext Js3的用法有些不同
1:toolbar1.jsp <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+reques原创 2011-07-26 13:48:01 · 3382 阅读 · 0 评论 -
Ext.ProgressBar学习
1:基本知识 它是一个能够修改的进度条组件,提供两种不同的工作模式:手动模式和自动模式 在手动模式下,进度条的显示,更新以及还原等操作都需要在代码里面进行控制,在展示一个长时间的操作过程时,大家都是通过预设一些事件来更新进度条 在自动模式下,只需要调用wait原创 2011-07-26 00:35:47 · 1892 阅读 · 1 评论 -
Ext.MessageBox学习,包括alert,confirm,prompt,wait和show的使用方法
1:基本知识Note that the MessageBox is asynchronous. Unlike a regular JavaScript alert (which will halt browser execution), showing a MessageBox原创 2011-07-25 00:09:51 · 13123 阅读 · 0 评论 -
Ext.TabPanel学习
1:基本知识A basic tab container. TabPanels can be used exactly like a standard Ext.Panel for layout purposes, but also have special support for原创 2011-07-24 21:52:59 · 1511 阅读 · 0 评论