![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ExtJS前端框架
文章平均质量分 58
langgufu314
这个作者很懒,什么都没留下…
展开
-
combox 的blur焦点离开事件,无法触发记录
[color=blue][size=medium]formpanle的combox控件有个blur事件,用以在失去焦点后其值改变时向后台发送请求,从而实现里程计算,而我又通过specialKey实现了回车切换组件焦点,结果发生了一个问题,就是combox在回车失去焦点后,虽然其值发生了变化,但却并没有向后台发送请求,只有当我用鼠标点击任何位置后,才会向后台发送请求,也就是说combox的blur事...原创 2011-08-19 23:00:57 · 949 阅读 · 0 评论 -
Ext BorderLayout 布局
BorderLayout布局比fit布局含有更多可放组件位置,其分为南,北,东,西,中五部分,其中上北下南可分别作为标题和状态栏,左西右东可作为菜单栏,中部可作为内容区,其需注意事项: 第一:五部分中,其他部位都可无组件,唯独中部必不可缺,中部必须有组件,可通过region:center配置,否则会发生错误,页面上就什么也不显示了。 第二:north和south只能设置height...原创 2012-07-10 11:59:48 · 355 阅读 · 0 评论 -
Ext AccordionLayout 布局
Accordion布局类似于QQ中的伸缩菜单,通过点击可以折叠展开并伴有动画效果,使用该布局只需加上layout:'accordion'即可,如下代码: new Ext.Panel({renderTo:"hello",title:"容器组件",width:500,height:200,layout:"accordion",layoutConfig: { titleCollapse:...2012-07-10 15:58:22 · 190 阅读 · 0 评论 -
Ext CardLayout,AnchorLayout,AbsoulteLayout,FormLayout,ColumnLayout,TableLayout
1,CardLayout可以看做一叠卡片,是实现操作向导的典型布局,使用layout:'card'。 2,AnchorLayout和AbsoulteLayout实现控制大小和位置的布局。 其中AnchorLayout可以控制组件大小,实现其随着父组件动态调整大小,但该布局的组件是从上到下竖排列的,无法实现位置的设置。 AbsoulteLayout则是用来解决这个问题...2012-07-10 16:29:39 · 75 阅读 · 0 评论 -
Ext 布局的一些配置属性
布局配置中,layout和itmes是常用的,通过layout配置布局方式,items配置子组件。laoutConfig用以为layout提供配置参数,activeItem配置当前显示组件,这在AccordionLayout和CardLayout这种每次只能显示一个组件的布局中使用,而其他布局一般都会显示出所有item,所以不使用该配置。defaultType用以配置items中的默认类型...2012-07-10 16:48:51 · 351 阅读 · 0 评论 -
ext中屏蔽backsapce删除时退出的代码
<script type="text/javascript"> //屏蔽只读组件的删除事件。页面中不可编辑元素下按backspace键会使浏览器后退到上一个页面。 //好像只有在IE下会有此问题,FF中没有此问题。 document.onkeydown=function(e){ //IE不传e,使用window.event获得;firefox则从e中获得事件 var...2012-07-31 11:37:58 · 548 阅读 · 0 评论 -
Ext Grid表格导出excel
两种方法,这是一种,主要是通过把前台数据传到后台,通过后台POI API来导出,通用方式! 利用Ext grid显示前台数据,然后把前台数据进行Excel表导出,再导出报表的时候要求:1、要把grid数据显示的表头信息导入Excel表2、在导出Excle表的时候,可以进行选择,是进行勾选的导出,还是批量导出(勾选导出,根据勾选的记录导出,批量导出,全部导出),3、在进行批量...原创 2013-08-22 16:10:56 · 777 阅读 · 0 评论 -
ExtJs之Ext.data.Store详解(转载)
Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件,无论是Grid还是ComboBox,都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。 Ext.data.Store中有一个Ext.data.Record数组,所有数据都存放在这些Ext.data. Record实例中,为后面的读取和修改操作做准备。 Ext.data.Store的基本用法 在使用之前,首先要创...原创 2014-01-26 10:31:40 · 4135 阅读 · 0 评论 -
Ext Store Filter的实现和问题(转)
Store包含两个数据缓存 - snapshot和data,grid,combo等控件的显示全部基于data,而snapshot是数据的完整缓存,当首次应用过滤器时,snapshot从data中备份数据,当应用过滤器时,filter从snapshot获取一份完整的数据,并在其中进行过滤,过滤后的结果形成了data并传递给展示,及data总是过滤后的数据,而snapshot总是完整的数据,不过看...原创 2014-01-26 14:33:01 · 395 阅读 · 0 评论 -
ext+struts2排除List泛型中不想封装的属性(转载)
struts2封装json,排除不想封装的字段配置,减少网络数据传输量配置: Aciton类属性 private List<RingCareer> rcdata;private List<RingCareerVO> data;manager 是RingCareerVO的属性struts.xml中action配置:封装json文件中存在root不使用exclu...原创 2015-02-02 18:10:55 · 109 阅读 · 0 评论 -
三大主流浏览器Web开发工具(转载)
一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作为一名站长,我们要寻求一些解决办法,传统的在浏览器中 “右键—查看源代码”已经过时了,它不能做良好的代码检查,作为一名优秀的web开发人员,应该不断学习和尝试新事物。下面我就介绍下三大主流浏览器的web人员开发工具介绍及其使用方法。1.火狐(Firefox)的Firebug和YSlowFirebug是一个非常成熟和完善的工具(点...原创 2015-02-03 14:55:29 · 1050 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.Updater篇二) (转载)
原文地址:http://blog.csdn.net/huoyanxueren/article/details/2662908全 称:Ext.Updater命名空间:Ext定义 于:UpdateManager.js类 名:Updater父 类:Observable为Element对象提供Ajax式的更新能力。Updater能用于更新Element一次或者使用startAutoRef...原创 2015-02-15 15:13:54 · 204 阅读 · 0 评论 -
Extjs教程_第六章_Editor_Grids(可编辑表格) (转载)
在之前的一章中我们学习了如何在结构化的表格中显示用户可操作的数据。但是,这种表格有一个最大的限制,那就是用户无法自己编辑表格中的数据。幸运的是,Ext提供了EditorGridPanel这一控件,它支持用户对表格进行编辑——我们现在就对这一控件进行学习。它的工作形式类似于Excel,允许用户在点击单元格后进行数据的编辑操作。在这章里,我们将会学到:· 为用户提供连接...原创 2015-02-15 16:04:40 · 998 阅读 · 0 评论 -
Ext FitLayout 布局
fit布局将使得组件自适应,子面板自动填充整个组件所占范围,不过须注意几点: 第一:使用了该布局后,items中只能有一个子组件,若有多个,则只有第一个子组件显示,其他组件失效。 第二:子组件不能使用autoHeight:true属性,否则将失效,无法自动适应填充。...2012-07-10 11:37:11 · 210 阅读 · 0 评论 -
Extjs的布局--学习(有例子)(转载)
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作,每一个容器都会有一个对应的布局,布局负责管理容器组件中子元素的排列、组合及渲染方式等。ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS的容器组件包含一个layout及 layoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信...原创 2012-07-03 17:39:49 · 99 阅读 · 0 评论 -
Ext.query()和Ext.get()的区别,Ext.query()类似于jquery的DOM选择器
Ext.get() 和 Ext.query() 取元素方式想要利用ExtJS的库函数对DOM进行各类操作,就要得到Element类型的对象,但是Ext.get()取到的虽然是Element,但是参数只能是id,如果大家对jQuery的selector方式很喜欢和崇拜,那么就一定要学习Ext.get()和Ext.query()的组合方式。前面写的get()和query()我都省略参数了,先看...原创 2012-07-03 17:02:00 · 146 阅读 · 0 评论 -
gridpanle的datastore查询无反应,涉及关联对象
[color=blue][size=medium]datastore加载时,在后台,若转换成Json的是pojo对象,前台页面抽取对象属性显示,当某个要在前台显示的属性无值时,依然可以查询并显示出来。但是,当Pojo对象有关联对象,若关联查询没有查到关联对象,且在前台抽取的属性是关联对象的属性时,则即使有的对象能查询到其关联对象,查询依然无效果,除非要查询的任何一个pojo都有关联对象,这时在...原创 2011-08-29 19:41:12 · 73 阅读 · 0 评论 -
实际开发中的一些小问题,觉得还行,转载下
[color=blue][size=medium]下面是开发过程中做的一些总结,多是问题的应对:1、引入js和css文件时注意文件的路径问题;2、导入ext-base.js后注意设置Ext.BLANK_IMAGE_URL的值(透明图片s.gif位置);3、IE提示“缺少标识符,字符串或数字”错误,为配置时 “}”前多了逗号,且所处位置在Ext.onReady在同一个js文件...原创 2011-08-30 16:45:35 · 109 阅读 · 0 评论 -
combox取值
[size=medium][color=blue]combox有两个属性,分别是:valueField和displayField,对应store的两个字段,其中displayField是用来显示。EXT.get(id).dom.value得到的是displayField的值,即显示的值。EXT.getCmp(id).getValue()得到的是valueField字段的相应值。[/colo...原创 2011-05-31 16:46:27 · 377 阅读 · 0 评论 -
JSON到对象的转换(反序列化)方法,EXT.decode()和EXT.encode()方法(转帖)
【原】基础篇:第四篇,Ext中有两个很重要的方法,一个是decode;一个是encode. 在述说这个例子之前,我假想你已经知道什么是Json数据了,那么在这里在温习一下吧: JSON(JavaScript Object Notation) 是一种数据交换格式,采用完全独立于语言的文本格式; JSON建构于两种结构:“名称/值”对的集合和值的有序列表 下面详细说明下: “名称/值”对的集合(A c...原创 2011-05-31 17:25:55 · 271 阅读 · 0 评论 -
ExtJs LoadMask相关的遮罩效果
Ext.onReady(function() { var a = Ext.MessageBox.wait('content', 'title'); (function() { a.hide() }).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a); var mask = n...原创 2011-06-10 14:18:38 · 245 阅读 · 0 评论 -
Ext success failure 调用
[size=medium]Ext.form.Action.Submit的配置选项success、failure是根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性。Ext.Ajax.request的配置选项succes...原创 2011-07-29 11:00:48 · 200 阅读 · 0 评论 -
一些问题记录
[color=blue][size=medium]1,Ajax request和formpanle submit,两者请求action的方法时,若该方法返回者不为string,虽然依然能够对数据库操作成功,但在firefox调试中,会响应一个超时标志,并且formpanle submit可能无法成功调用success和failure函数。2,formpanle submit提交后,若后台没有传...原创 2011-07-29 18:27:02 · 84 阅读 · 0 评论 -
Ext中的get、getDom、getCmp、getBody、getDoc的区别 (转)
Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元...原创 2012-02-02 16:28:29 · 61 阅读 · 0 评论 -
Extjs xtype 一览表
ExtJs xtype一览基本组件:xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.Cycle...原创 2012-02-09 16:10:23 · 106 阅读 · 0 评论 -
Ext 多选下拉 MultiComBox
下面介绍MultiComboBox的使用方式,大家先看看下面的代码:Java代码 Ext.onReady(function(){ var formPanel = new Ext.FormPanel({ height : 100,// 表单面板的高度 width : 400,// 表单面板的宽度 labelWidth : 120,// 字段标签宽度 labe...原创 2012-06-20 15:05:04 · 359 阅读 · 0 评论 -
ExtJs页面布局详解
EXT标准布局类面板相当于一张干净的白纸,如果直接在上面添加内容,将很难控制面板中内容的显示位置,面板元素越多就越显得凌乱,所以需要在面板上划分不同的区域,将面板内容展示到希望的位置上。ExtJS通过提供多种布局类来为面板提供支持,主要包括如下10种: ContainerLayout(容器布局) FitLayout(自适应布局) AccordionLayout(折叠布局) CardLayo...原创 2012-06-20 16:29:15 · 732 阅读 · 0 评论 -
Ext组件ComboBox 中getValue()和getRawValue()的区别
当把Ext.form.ComboBox 的editable 设为true之后,用getValue()是取不到人工打进去(edit)的值的。因此,对于带可编辑功能的ComboBox,我们可以用getRawValue() 去取得值。我们先来看看两个Method的原型和说明:getRawValue() : Mixed Returns the raw data value which ...原创 2012-06-29 10:04:24 · 525 阅读 · 0 评论 -
EXT弹出窗口(转载)
Ext.MessageBox.alert()Ext.MessageBox.alert()提供一个OK按钮。对应JavaScript中的alert()。定义:alert( Stringtitle,Stringmsg,[Function fn], [Object scope] ) :Ext.MessageBox该函数有4个参数:Title:窗口标题Msg:弹出窗口内容Fn:回...原创 2015-02-26 16:56:47 · 265 阅读 · 0 评论