xiaoshang的专栏

解决extjs中chart显示不下legend的问题在extjs中使用chart类绘制图表时，可以通过设置legend来添加图例，但是当图例类型较多时，就会出现legend显示不全的问题，而chart不会根据legend的标签数量做相应的调整。翻查了官方文档，没有找到有关的说明。于是又google搜索了一下，依然没有找到有效的解决办法，只是看到有提到可以修改crea

四十一、"0"/"1" 与 "false"/"true"的不同刚看这个题目，大家可能觉得有些无聊。因为我们一般会是这样想，0即false，1即true，可完全视作等价，没什么好说的，其实，在JS中倒是有细微区别的。如果："1"  == 1 是成立的，即表达式是true，如果: "false" == false则是false。"false" 当然不是false值，——那么可以用在

Extjs 继承的使用首先看一下经典的JavaScript的继承机制。定义一个名为BaseClass的类，然后为BaseClass定义两个函数：someMethod()和overridenMethod().var BaseClass = function(){//do something};BaseClass.prototype.someMethod = fun

布局系统，是Ext JS中功能最强大的部分之一。系统中的每一个组件在页面上的尺寸和位置，都由该部分负责管理。这篇文档是Ext JS布局入门的文档。ContainersExtJS的图形界面，是由组件构成的。容器，是一种特殊的组件，其功能就是包含其他组件。一个典型的ExtJS应用由若干层嵌套的组件构成。最常用容器类组件是Panel。下面的代码展示了Panel作为一个容器如何包含

extjs使用store加载远程数据到chart组件时，出现警告信息在firebug中可见日志输出如下：Unexpected value NaN parsing height attribute.Unexpected value NaN parsing y attribute.此处store数据是来自solr查询结果，chart为pie饼图类型，其它类型图表未做

1、Ext.grid.GridPanel主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0stripeRows：表格是否隔行换色，默认为falsecm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、sel

类全称： Ext.form.FieldSet继承自于： Ext.Panel 针对某一组字段的标准容器。 配置项  1、checkboxToggle : Mixed True表示在lengend标签之前fieldset的范围内渲染一个checkbox，或者送入一个DomHelper的配置对象制定 checkbox（默认为false）。选择该checkb

当后台服务器的时区和前台的时区不一致，我们可以通过手动转换来达到效果。JS时区转载函数：function formatTime(date){ //CST时间和UTC时差转换 var formatPattern = 'Y-m-d H:i'; var dateStr=date.toString(); var position=dateStr.indexOf("U

ExtJS4.0的类系统是整个框架的基础且核心的架构设施，其它所有的功能扩展都是建立在类系统上的。在ExtJS4.0中，类系统相对以前的版本有大幅度的改变，在以前的版本中，定义一个新类是在一个已经存在的类如Object的基础上调用Java代码  var myClass = Ext.extend(Object, { ... });  进行扩展而来，这样我们不能方便

10.1　Ext.data简介Ext.data在命名空间中定义了一系列store、reader和proxy。Grid和ComboxBox都是以Ext.data为媒介获取数据的，它包含异步加载、类型转换、分页等功能。Ext.data默认支持Array、JSON、XML等数据格式，可以通过Memory、HTTP、ScriptTag等方式获得这些格式的数据。如果要实现新的协议和新的数据结构，只需

Ext.data.Store是EXT中用来进行数据交换和数据交互的标准中间件，无论是Grid还是ComboBox，都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。Ext.data.Store中有一个Ext.data.Record数组，所有数据都存放在这些Ext.data. Record实例中，为后面的读取和修改操作做准备。Ext.data.Store的基本用法在使用之前，首先要创建一个E

xtype：在ExtJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容器如何初始化所包含的组件，如xtype:"textfiled",表示使用 Ext.form.TextFile 来进行初始化当前组件。 主要作用是延时实例化。Extjs xtype 深入了解xtype 就是ExtJS 用于创建对象的一种形式就比如xtype:'button' 就会创

有些时候Panel 中的按钮一行不够显示的时候，这个时候我们可以考滤让按钮显示在两行。var tbarForm = new Ext.form.FormPanel({ frame : true, layout : 'column', collapsible : true, // hight:70, defaultType : 'textfield',

ExtJS提供的数据代理主要分为两大类:1.客户端代理 (Ext.data.proxy.Client)2.服务器代理(Ext.data.proxy.Server)这两个类 都继承自 Ext.data.proxy.Proxy ,客户端代理主要包括:Memory   WebStorage   SessionStorage   LocalStorage服务器端代理

今天，我们很高兴在这里第一次发布Ext 4的一系列新特性。在接下来的几个星期里，我们将推出由包封装的Ext JS 4 Beta版本。虽然我们原计划是在现在发布一个完整的测试版本，但一部分框架进度比预期慢，因此我们不得不逐步发布，而不是通过单一包发布。今天，我们将开始使用全新的Ext JS 4类系统。JavaScript没有自己的类系统，因而对新开发者来说是一个陌生的语言环境。 Ext JS

在javascritp中，有两个关于定时器的专用函数，分别为：1.倒计定时器：timename=setTimeout("function();",delaytime);2.循环定时器：timename=setInterval("function();",delaytime);第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔

写 ExtJs  相关代码多了就会用 xtype 的体会，下面是 ExtJs 中各组件的 xtype 与组 件类的对应表。不包括 Ext.ux 命名空间中扩展的组件。其实在 Ext API 文档中有此 列表，在 API 帮助中查找 Component 打该页面就能看到， 即：http://www.extjs.com/deploy/dev/docs/output/Ext.Componen

现在很多朋友与同学,都说EXTJS最难的是数据交互部分。其实不然，因为我目前我对EXTJS的研究来看，这个典型富客户端的应用框架，目前能够 支持的也就是两种中间数据交换结构，即XML与JSON。再从我们现在主流的企业级应用开发语系来看，目前.NET官方是偏重于支持XML的形式，而 Java语系则偏重于支持JSON的形式。其实两种对于EXTJS来说，都是很简单的。那么现在为什么大家都认为这块最难呢？

data包是负责加载和保存应用中的数据的包，有41个类，其中三个是最重要的：Model,Store,Ext.data.proxy.Proxy，几乎每个应用都要用到它们，有若干个支持类辅助它们：Models and Stores 模型和存储器data包的中心是Ext.data.Model，模型代表了应用中的一些数据类型，例如电子商务应用中可能会有Users,Products,

图表的几大要素：1、坐标：上、下、左、右。坐标的类型，数字、分类...坐标包含需要显示的坐标值，即绑定的字段坐标值的样式，比如旋转、字体大小、格式坐标的最大值、最小值、是否显示网格坐标旁边显示的文字2、图表：柱状图、折线图、点图、饼图、区域图、盘表图、雷达图...图标的类型图表x、y轴对应的字段图标上显示的文字，文字的样式、位置鼠标移

为 Intellij IDEA 添加 ExtJS 提示支持，可以非常方便。第一步，首先去官网下载ExtJS源码文件。下载地址ExtJS第二步，解压下载的ExtJS源文件到任意地方。（按照个人文件保存习惯解压保存）第三步，打开Intellij IDEA ，并打开设置面板，找到javascript选项，打开Libraries。如下：第四步，点击 configur

扩展组件的时候，最好给其设置单独的 xtype， 这样就能比较容易的和其他组件集成。虽说扩展 ExtJS 的组件只不过是用 Ext.extend() 来实现，多少还是有些窍门。例： 扩展 Ext.Panel，得到名为 MyComponent 的组件。 xtype 设置为 mycomponent。MyComponent = Ext.extend(Ext.Panel, {

命名空间ExtJS的命名空间就是在window对象所提供的全局范围内建立相互独立的范围，概念上类似于Java的package。代码清单2-15演示了如何在window对象中创建一个名为helloMsg的变量。代码清单2-15var helloMsg = 'Hi, there';  console.info(helloMsg);  console.info(window.

一、javascript类的定义       在javascript中，通过创建一个构造函数来定义一个类，然后通过prototype来扩展类的功能。假设我们定义一个螃蟹类：Crab = function(){     this.legs = 10;}Crab.prototype = {     say: function(){            alert(

/*================================================================== * 通用网格工具栏示例 *=================================================================== * 说明:此工具栏包含了常用的 新增,删除,打印,导出 等按钮和搜索框;* 本示例包

首先是面向对象的思想建立,EXTJS虽然是基于Javascript的,但是在对象上,写法确实跟Javascript不太一样.EXTJS让Javascript的面向对象更接近强类型后台语言的写法,现在写EXTJS的有很多人没有按照正确的EXTJS式的面向对象的思想去写,例如一个简单的对象: Ext.ns(“Ext.ux.Panel”);Ext.ux.Panel=function(){

extjs tbar 换行http://blog.youkuaiyun.com/liang_liang2009/archive/2010/12/17/6082798.aspxvar oneTbar=new Ext.Toolbar({ items:[ {text:'复制'}, {text:'粘贴'} ] });var twoTbar=new Ext.Too

Ext.QuickTipsQuickTips代码示例：只需要加入Ext.QuickTips.init(); 就可以在html页面中使用。html页面 可以通过： 我们可以看到下面的效果：你也可以自定义这些QuickTips的属性：Ext.apply(Ext.QuickTips.getQuickTip(), {    //maxWidth: 200,    /

EXTJS的组件体系中有进40种组件，而这些组件又可以大致分成三大类，即基本组件、工具栏组件、表单及元素组件。    基本组件是构成Web UI的主体组件，因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI 的表现，是EXTJS改善Web UI 的重要体现。 EXIJS的基本组件：xtype            Class

看到很多人搜索这些关键词带来的访问，我觉得有必要专门写一篇文章提供给这些关键词，也算是推广一下ExtJS 组件化编程吧我是实用ExtDesigner的，所以这里讲讲如何利用ExtDesigner设计自己的组件。先来一个常用的例子，构建一个自己的Form组件，用ExtDesigner拖拖拽拽，一个简单的From就出来了，如图 之后我们给这个From设定一下参数

Ext.define('Ext.window.myWindow', {extend: 'Ext.window.Window',alias: 'widget.myWindow',config: {width: 640,closeAction: 'hide',height: 400,resizable: false,shadow: true,modal: true,closable

在ExtJS的blog有这样一文：IDEs, plugins and tools for Ext JS 2.0 ，相信不少人对Aptana Studio和Spket IDE的表现一定非常憧憬。文章中也提及了IntelliJ IDEA，但是并没有就相关的特性进行说明，这里大家可能会问，IDEA也就是向普通js那样支持Ext。确实是这样，但是Ext也是普通的Javascript写成的，而且也遵循规范，

一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get('myElementId');//获取元素，等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注：享元模式（Flyweight

惯例，看之前先看看我的很久很久以前的学习笔记（就是那个Word文档，没兴趣的可以不看，不影响）： http://wenku.baidu.com/view/ce8d3e08763231126edb1146.html 本文里面不会详细介绍某些方法函数具体如何使用，例子全部自己写的（部分参考API和ExtJS 4.0 Developer Preview），应该不会有错，提到的方法函数只提供名

原文地址：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller控制器Controller通常是和application绑定在一起的。它们主要作用是监听事件（通常对view），并采取一些action。下面是我们如何创建一个Controller来管理用户：Ext.define('MyApp.controller.Users'

Ext JS 4 简介Ext JS 4 目前是 Sencha 的产品，4.x 的正式版本号是 4.0.7。Ext JS 4 提供商业版本，但如果您的项目是开源的，则可以免费使用 Ext JS 4。Ext JS 的论坛目前非常活跃；Ext JS 还在不但地升级改进，据 Sencha 官方统计，使用 Ext JS 的开发者数目在一百万以上。Ext JS 4 与之前版本的比较

在软件架构中，特别是B/S架构中，很流行使用三层架构（数据层、中间层、表现层）来建立软件。但这从来都是服务器端的专利。在传统的概念中，客户端的职责就只是用来对数据进行展现而已。如果说客户端也搞三层，确实是一样不可思议的事件。　　为什么要搞客户端三层？　　ExtJS这个框架是个功能很强大的框架，由于它给了开发者很大的自由度跟细粒度。开发者在开发的过程中，配置、使用一个组件需要编写许多

/**//* * @author: Lilf * Description: ExtJS中的面向对象设计,组件化变成思想 *//**//***************************扩展VTypes类，增加年龄的验证****************************/Ext.apply(Ext.form.VTypes, { "age": function(_v){

用一段时间EXT，觉得自定义组件还是很有必要1、不改变Ext的编码风格2、易于重复利用扩展可能是基于官方控件的扩展也可能是基于官方基础组件扩展，第一种比较常用，第二种我都去网上Download。。。第一种扩展extend (Object subclass,Object superclass,[Object overrides] : Object比如需

对象指页面上的某一部分，如：Input等。我觉得在EXT JS中会有三类基本对象，htmlelement , EXT.Element和CompositeElement 。分别解释一下：htmlelement指html页面的各种标记元素，可以用document.getElementById()获得，具有html对象的方法和属性。    EXT.Element是最重要的EXT对