extjs4 各种怪异问题

用extjs4 已经有一段时间了,过去开发的时候用过extjs2.2 因为放下了两年所有很多东西记得不是很清楚了,现在又直接使用4 突然发现这个世界变得太快连代码都变得这么快,大部分东西都完全不一样了,组建,数据交互.....,因为有采用了extjs4的新标准MVC 哎现在这个前段也搞什么三层,软件架构真是越来越复杂.在此主要整理记录一下在4中遇到一下比较奇怪的问题和解决方法, 1: MVC 初始化的问题,MVC 的核心是Controller 相当于Servlet 大量逻辑性的代码都写在里边主要…

System中记录体函数命名怪异

//1019unit System; 中发现记录体函数命名怪异//乍一看,很怪异,其实是结构体里面的变量后面直接写函数类型了.不像传统先定义T***Event = procedure(Sender: TObject;LbName : string)of object;再使用 VarClear := T***Event; PVariantManager = ^TVariantManager; TVariantManager = record VarClear: procedure(v…

padding标准盒模型和怪异盒子模型

我们都知道padding是为块级元素设置内边距但是在使用过程中,我们却会遇到一些问题.padding的标准盒模型和怪异盒模型 padding盒子模型我们通过demo来讲这个问题,用文字干讲第一没意思,第二讲不明白标准盒模型: 我们先摆出HTML和CSS代码: <div class="shoebox">  <div class="shoes">  &…

ExtJs4之TreePanel

Tree介绍树形结构,是程序开发,不可缺少的组件之一.ExtJs中的树,功能强大美观实用.功能齐全,拖拉,排序,异步加载等等. 在ExtJs4中Tree和Grid具有相同的父类,因此Grid具有的特性和插件在Tree上也能用. 1.ExtJs4之Grid详细 2.ExtJs4之TreePanel 简单的Tree 代码: <head> <title></title> <link href="/ExtUI/ExtJs4.2.1/resources/css/…

ExtJs4 基础必备

认识ExtJs的开发包下载路径:http://www.sencha.com/products/extjs/download/ 解压有20多兆,别怕,真正运行的没这么大.认识下这个包的文件结构吧. builds目录是ExtJs压缩后的代码,经过压缩后的代码体积小,加载快. docs中是ExtJs文档,包括ExtJs的API,算是开发过程中必备法宝啦吧. examples中是官方的演示实例. locale是多国语言的资源文件,其中ext-lang-zh_CN.js是简体中文,把他引入页面中,会将提…

ExtJs4之Grid详细

ExtJs博客前奏由于这段时间事情比较杂乱,博客就主要以项目中例子来说明编写. ExtJs4中的Grid非常强大,有展示,选中,搜索,排序,编辑,拖拽等基本功能,这篇博客我就这几个功能做写累述. 1.ExtJs4之Grid详细 2.ExtJs4之TreePanel Grid的展示选中排序选中事件. 附图: 代码: <script type="text/javascript"> Ext.onReady(function () { var store = Ext.create…

ExtJS4 源码解析（一）带项目分析

Ext这个东东太大了,能看完就已经很不错了,完整的源码分析就不敢说了,大概就涉及了类管理,事件管理,数据结构缓存架构,UI组件核心机制,MVC这几个方面,只是挑着源码看的,没有实际完整的使用. 公司的框架我是借鉴了EXT的结构..站在巨人的肩上我们可以走的更远,内部的结构我已经改动了,组件的形式去架构不适合咱公司~ 如图~ 昨天遇到个问题在mixins(向创建的类中要掺进其它类的信息)多个的时候就出问题了~ 顺便就发一下我的源码分析吧.当然是个人角度,有错误欢迎指出. 发几本EXT的书,以前分析…

你所不了解的float（滥用float的怪异现象）

float设计初衷就是为了实现文字环绕效果原本页面流布局显示如上图所示,运用了float属性后就显示为如下图所示,这就是浮动的设计初衷 float的一些特性:包裹性.破坏性. 包裹的特性其实主要有三个表现:收缩.坚挺.隔绝. float破坏性主要表现在使父容器塌陷(浮动使得父容器塌陷是标准而非bug,否则如果不让父窗口塌陷怎么实现文字环境效果) 浮动的破坏性只是单纯的为了实现文字环绕效果 BFC(block format context)块级格式化上下文如何解决浮动造成的父容器塌陷? 也就是…

Extjs4 -- Ext.loader命名空间的配置

初次使用extjs4的版本,在配置学习Ext.Loader()进行js文件的动态加载机制,由于各种原因导致多次失败,纠结2天,现将解决时出现的问题及需要注意事项进行记录开发环境myeclipse8.5,tomcat6.目录结构:WebRoot-->02(文件夹) -->createWindow.js -->createWindow.html -->ux(文件夹) -->window.js createWindow.html中,引入ext环境文件(ext…

eclipse+spket+Extjs4.2.1开发环境搭建

一.开发工具配置 1.http://www.eclipse.org/downloads/下载Eclipse,解压. 2.http://spket.com/download.html下载Plugin,解压后覆盖到Eclipse的目录. 3.启动Eclipse,选择window→proference→spket→javascriptprofiles→new (输入Ext JS4.2.1) 4.Add libary(选择ExtJS). 5.Add file…

Extjs4.2或以上使用自定义事件时报错问题

最近使用了extjs 自定义事件模型,代码如下: function Person(name) { this.name = name; this.addEvents('walk'); } Ext.extend(Person, Ext.util.Observable, { info: function() { return 'info:' + this.name; } }); var zzbo = new Person('zzbo'); zzbo.on('walk', function() { co…

关于ExtJs4的Grid带查询参数分页（baseParams-->extraParams）

(园里很多文章,美名其曰 :ExtJs GridPanel+查询条件+分页. 但是加查询条件后点击下一页,查询条件失效,求你们自己测试明白再显摆不要误导我这种新人.) ExtJs6发布了,ExtJs4并不新鲜了,首先要说的是在5.X和6.X里关于此问题,是不是有属性或者方法的变化我并不确定. ExtJs4的proxy中,并没有baseparams这个属性,ExtJs4中变成了什么呢? 查了很多大家的中文博客也没找到结果,最后看到一段英文: You need to use the 'extra…

JavaScript中一些怪异用法的理解

引言 JavaScript这门语言有些场合的用法还是比较怪异的.这篇文章会尽量将这门语言特有的一些比较特殊的用法收集在一起.就当是平时开发时需要注意的地方吧. 特殊用法收集 1.!!用法在JavaScript中经常看到判断一个对象是否有某一个属性或者在进行客户端检测的时候会出现!!这个用法.相信大家都看到过var isIE=!!document.all这样的代码把.那为什么需要使用!!呢? !!作用就在于:如果明确设置了对象中属性的值(非 null/undefined/0/""等值)…

ExtJs4中的复选树级联选择

好久没有写新的博文了,过了个年休息了近一个月,人都懒散了.. 这几天要把项目中的几个模块有ext3升级到ext4,还要保持页面展示和功能要跟3.x版本的一样.升级并不是一件简单的是,基本相当于重写了,3.x版本的复选框树级联操作是在网上找的一个现成的插件,直接搬运到4.2中就不能用了,但是又找不到可用的插件.百度谷歌了好久,还真让我搞出来一个方法,记录下来吧,也分享给大家.如有不合理或者更好的方法希望不吝赐教. 在3.x版本中要实现级联选择的话,我使用的是一个TreeCheckNodeUI.js…

ExtJs4 笔记（4） Ext.XTemplate 模板

ExtJs4 笔记(4) Ext.XTemplate 模板摘自:http://www.cnblogs.com/lipan/ 本篇将涉及到ExtJs中一个重要的概念,模板.话说Razor很神奇,但是我个人不是很喜欢那种html混编C#的方式,仿佛又回到了asp的时代.ExtJs的模板同样也可以组织生成灵活的html,而且代码和html有效的分离.本文将细细分析ExtJs模板的用法. 行文之前我先把公共的html和用到的js数据贴在前面,后面的代码都要引用到. [html] 1 2 3 4 5…

ExtJS4图片验证码的实现

ExtJS4学习笔记(十)---ExtJS4图片验证码的实现转自:http://blog.sina.com.cn/s/blog_8d4bbd890100xaxh.html 上多少篇文章,重要学习了Extjs4 Grid的使用方法,从本篇开端,我们开始其余组件的学习,使用.在登录.注册甚至是发表文章或帖子的时候,都会用到验证码这个货色,那么在EXTJS 中,能够使用验证码功能么?谜底是确定的,在EXTJS4之前,也有良多验证码的实现,在Extjs4中,验证码到底如何实现呢? 临时,我们将…

ExtJS学习之路第三步：理解引擎之下,ExtJS4中的类

写写就发现,有些代码不查查源头,不明白是怎么回事?搜到这篇文章觉得还是收益匪浅,更容易读懂代码. Classes in Ext JS 4: Under the hood Countdown to Ext JS 4: Dynamic Loading and New Class System[官网] 整理如下: 简单回顾一下,新的Class System (类系统),使我们能够这样定义类: Ext.define('Ext.Window', { extend: 'Ext.Panel', require…

Extjs4 获取到前一天的日期

Extjs4 获取到前一天的日期 Extjs官方示例 Ext.Date add( date, interval, value ) : Date Provides a convenient method for performing basic date arithmetic. This method does not modify the Date instance being called - it creates and returns a new Date instance contain…

extjs4.0下的日期控件的星期显示为y的解决办法

没有修改的时候的问题: 今天第一次写博客,就记录一下以前extjs4.2下运用日期组件的星期显示问题,当时找了n久,可能是extjs4.2才出来没多久,没有多少人发现这个问题或者说很少有人将Extjs4.0用于项目开发,网上的资料几乎没有,因此只能靠自己来解决问题.因为是加入了中文文档才照成的问题,因此肯定是extjs的中文包的js文件中出现的问题,好了,废话不多说,直接上解决办法.步骤一,进入ext-lang-zh_CN.js中文包js文件,然后按照下面的图片进行修改. 之后效果如图:…

ExtJS4.2 根据数据库记录构建树形菜单

背景:最近用ExtJS4.2做一个系统,需要在前端展示资源菜单,为树形结构,该树形结构是从数据库动态加载的. ExtJS的树形结构大致有两种情况: 1.静态树形结构,此处不多说,看API就能简单明白: 2.动态加载,ExtJS的特性是根据父节点ID来查询子节点,从而动态更新树形菜单,这里有一个缺陷,或许是我孤陋寡闻不知道,那就是无法根据数据库节点信息自动构建成为一棵树,记得zTree插件就有这个功能. 那么,我希望能够根据数据库树节点信息自动的构建成一棵树,就需要自己去写个小算法在后台拼接成Ex…

转： ASP.NET+ExtJs4.0+表单提交submit,上传图片到服务器

http://blog.csdn.net/lmaohuanl/article/details/6792057 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu…

ExtJS4.2.1自定义主题（theme）样式详解

(基于Ext JS 4.2.1版本) UI组件学习ExtJS就是学习组件的使用.ExtJS4对框架进行了重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件. ExtJs4的组件体系中有将近100种组件,而这些组件又可以大致分为四大类,即容器类组件.工具栏及菜单栏组件.表单及元素组件.其他组件. theme主题 ExtJs4引入了全新的主题系统,采用Sass和Compass技术,提供了标准的主题模板,通过对主题模板的简单定制就可以创造出丰富多彩的各种主题. S…

Extjs4.2.1中的helloworld

ExtJS最新正式版4.2.1下载地址:http://pan.baidu.com/s/1qWNt2kk (开发api文档:https://github.com/extjs-doc-cn/ext4api) ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件,具有统一的主题,便于快速开发,提高效率,但是运行效果比较慢主要目录文件介绍 builds:压缩后的ExtJS代码,体积更小,更快:docs:开发文档:examples:官方演示示例:locale:多国语言资源文件:pkgs:Ext…

[extjs] ExtJS4 treepanel 子节点选中父节点自动选中，选中父节点子节点自动全部选中

ExtJS4 treepanel 主要添加viewConfig重的代码: xtype:'treepanel', store: menuStore, id:'menuTreePanel', viewConfig : { //checkbox联动 onCheckboxChange : function(e, t) { var item = e.getTarget(this.getItemSelector(), this.getTargetEl()), record; if (item){ recor…

ExtJs4 SpringMvc3 实现Grid 分页

新建一个Maven webapp项目,webxml以及spring配置没什么需要注意的,不再赘述. Maven依赖:(个人习惯,有用没用的都加上...) <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/P…

ExtJS4.x 开发环境搭建

需要的资源 ExtJS4.2 eclipse 开发环境搭建在项目中国需要引用的文件: eclipse中有报错.需要处理的是ext-lang-zh_CN.js,中文编码不能识别.右键->属性->将文件编码格式改为UTF-8即可.其他错误不用管. 测试页面代码: <%@ page language="java" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD H…

以前用过Extjs技术的开发人员在学习Extjs4时需要注意的问题

以前学习过Extjs的同学,在学习Extjs4的时候需要注意几个关键改变: 1.Extjs4的新的类系统. 2.Extjs4中MVC思路 3.Extjs4中的新的命名规范(结合新的MVC系统). 4.EXtjs4中的动态加载系统当然除了这些以外,还有很多细节方面的改变,请阅读API. 参考文档: http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html http://w…

一个关于ExtJS4具体控件的详细教程

发现一遍介绍ExtJS控件介绍的比较好的系列文章,在此做总结 ExtJs4 笔记(1) ExtJs大比拼JQuery:Dom文档操作 ExtJs4 笔记(2) ExtJs对js基本语法扩展支持 ExtJs4 笔记(3) Ext.Ajax 对ajax的支持 ExtJs4 笔记(4) Ext.XTemplate 模板 ExtJs4 笔记(5) Ext.Button 按钮 ExtJs4 笔记(6) Ext.MessageBox 消息对话框 ExtJs4 笔记(7) Ext.tip.ToolTip 提示…

doctype声明、浏览器的标准、怪异等模式

doctype 标准(严格)模式(Standards Mode).怪异(混杂)模式(Quirks Mode),如何触发,区分他们有何意义? 触发标准模式 1.加DOCTYPE声明,比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//…

WINCE设备开机灰屏问题(很怪异)

WINCE设备开机灰屏问题(很怪异) 1. 问题现象图1 无法进入系统,虽然没有调试信息,但应该可以判断是程序跑飞了.我们这款产品用到3种显示屏(采用不同的驱动IC),可是测试发现1和2号屏就没有这个问题,只有3号屏有这个问题,发生的概率是1/10. 2. 问题的排查我们刷回2014.03.13日的系统,没有发现此问题,那肯定是后来改出来的问题,经过排查是因为eboot中OEMPlatformInit()--->InitDisplay()增加了下面的调试信息引起,如下: UI…

【extjs4 各种怪异问题】的更多相关文章