extjs

extjs之去除s.gif的影响 2016-05-09

其实这一个总是很容易解决,只要在Ext.onReady方法之前或者方法的第一句加上下面这一句代码就解决了!大家在调试 EXTJs的例子时,经常会去访问 http://extjs.com/s.gif ,如果一些不能访问国外网站的朋友(如:校园网,公司限制上网),就会等很久时间,虽然没有什么影响,但也但也非常不爽. 其实这一个总是很容易解决,只要在Ext.onReady()方法 ...

extJs下拉框联动实现代码 2016-04-07

extJs 下拉框联动实现代码,需要的朋友可以参考下. 代码如下:// 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'loadByParentid.action?parentid=1001' }), reader: new Ext.data.JsonRe ...

ExtjsTimeField显示正常时间格式的代码 2016-03-19

由后台返回的json的日期时间格式中,往往都是 类似 "\/Date1309200300000\/"的日期时间格式,结果导致无法正常在TimeField中显示如果想正确显示,一般的方法都是改后台代码,使日期时间格式变为string返回,我解决的方法是重写TimeField 的setValue ,具体代码如下: 代码如下:Ext.override(Ext. ...

Extjs学习过程中新手容易碰到的低级错误积累 2016-03-11

新手在学习Extjs过程中的低级错误积累1.下载extjs的安装包,里面没有.msi文件,看好多的安装方法说都有这个.msi文件,但是我在官方下载的解压缩后没有,以为不能用.说明一下,我用的开发工具是visualstudio 2008,其实根本不用安装,直接解压缩后放到创建的网站项目的目录下,然后再也页面添加extjs的引用就行啦. 2.extjs的引用的错误. <s ...

ext同步和异步示例代码 2016-03-09

异步调用不用做过多说明,ext的api中支持的很多.同步调用的相关文档就少一些.一下是同步示例,即页面在加载时,或者这个js被调用到时,程序会一行一行的往下走,这在获取页面初始化需要数据或者样式等一些功能会用到. 示例代码: 代码如下://判断按钮权限的方法.true为无权限,false为有权限可以显示     function checkButton(buttonId){ ...

ExtJS2.0实用简明教程之ExtJS版的Hello 2016-02-21

ExtJS2.0实用简明教程之ExtJS版的Hello
下面我们写一个最简单的ExtJS应用,在hello.html文件中输入下面的代码<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript&q ...

Exjs入门篇 2016-01-09

Exjs入门篇
Extjs是从yui-ext发展来的一套ajax控件,是一套完整的富客户端解决方案,也因为功能完整,ext-all.js有400多k最新的extjs3.2.0 有600多k,以为是基于js和css的功能实现,对客户端机器性能也有一定的要求,比如对ie6以下版本的不支持.看到Extjs如此绚丽的界面,突然有种莫名的冲动来学习下! Extjs是从yui-ext发展来的一套aja ...

Extjs学习笔记之九数据模型(上 2016-01-07

Extjs学习笔记之九数据模型(上
本文开始进入Extjs最核心最优秀的部分.Extjs的数据模型分为以下几个部分: 数据记录 Record 数据集合中的一个条记录,包括数据的定义和值.相当于实体类. 数据代理 Proxy 用来获取数据的代理.相当于Datasource. 数据解析器 DataReader 负责将Proxy获取的数据解析出来传换成Record并存入Store中.相当于C#的DataReader ...

extcombox下拉框不出现自动提示,自动选中的解决方法 2016-01-07

ext combox 如果想实现类似于 baidu 搜索时的提示功能.必须禁止其分页功能才可以.看代码 代码如下: var comboxContractType = new Ext.form.ComboBox({ name:'logisticsId', fieldLabel:'物流公司', displayField:'logisticsName', valueField:' ...

Extjs3.0checkboxGroup动态添加item实现思路 2015-12-25

Extjs3.0中的CheckboxGroup默认不能动态添加item,如需要数据动态创建,试着创建整个CheckboxGroup,而不是动态添加item,具体实现如下,感兴趣的朋友可以了解下Extjs3.0 中的CheckboxGroup默认不能动态添加item.虽然它继承了Ext.form.Field,但是却类似于容器. CheckboxGroup配置中的items处理 ...

Ext表单布局实例代码 2015-12-04

ext下布局的实现代码. 代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息了. Ext.form.Field.prototype.msgTarget = 'under'; //第二句的目的就是设置控件的错误信息显示位置,主要可选 ...

Extjs学习笔记之六面版 2015-12-03

Extjs学习笔记之六面版
面版表示页面上的一块相对独立的区域,利用传统的html+css要构建灵活统一的区域并非易事.Extjs为我们封装好了Panel,Panel具有统一的标题头,面板体,面板底部,还可以自由的添加工具栏等.另外,extjs中还有丰富的布局,可以用来布局Panel.这种方式很像Java的Swing. Panel可以嵌套,可以作为整个页面的框架,也可以作为一个小功能区.前几篇文中用到 ...

一个简单的Ext.XTemplate的实例代码 2015-11-06

一个简单的Ext.XTemplate的实例代码
把省份与城市以树的形式输出的Ext.XTemplate的实例代码,需要的朋友可以参考下把省份与城市以树的形式输出 代码如下: Ext.lib.Ajax.request( 'POST', '/Index/mainIndex', { success: function (data) { data.responseText = "{pros:" + data. ...

ExtJs的Date格式字符代码 2015-10-20

首先简单介绍一下ExtJs中的Date基本上就是PHP date函数的一个子集,表征了一个日期对象.废话到此为止.Date类在ExtJs中提供的方法算是少的.但是,另外一方面,因为历史原因,现在Date无论在哪个语言里面,表征其格式变量的字母都很多.本节就着重讲解Date的日期格式表示.这些都是ExtJs API中的内容,如果有中文版的可以直接跳过这里了.如果需要继续看的, ...

ExtjsAjax乱码问题解决方案 2015-10-05

在Ext的使用过程中,一不留心就出现了乱码,包括在客户端提交给服务器的数据中出现了乱码和服务器端返回给客户端的数据中出现了乱码,下面简单分析一下出现乱码的原因.在一次页面浏览过程中,客户端对一个URL发起浏览请求,服务端针对这次请求进行解析,而在字符编码解析方面,首先他检查该页面中的字符编码设置,即<meta http-equiv="Content-Type ...

Extjs学习笔记之一初识Extjs之MessageBox 2015-10-01

Extjs学习笔记之一初识Extjs之MessageBox
去官网下载好extjs的压缩包,解压缩之后得到如下目录结构. 在其中新建一个my目录,以后所有的样例文件都新建在这个目录中.1.Hello world! 先看一个Extjs版的Hello World网页的全部代码: <script type="text/javascript" src="../adapter/ext/ext-base-de ...

extjsgrid设置某列背景颜色和字体颜色的方法 2015-08-12

extjs grid设置某列背景颜色和字体颜色的方法,需要的朋友可以参考下.css代码: 代码如下: .x-grid-back-red { background: #FF0000; } js代码: 代码如下: { header : '分成类型', dataIndex : 'divideType', renderer : function(v,m){ m.css='x-gri ...

关于viewport,Ext.panel和Ext.form.panel的关系 2015-08-06

那个深入浅出ext作者比我还懒 viewport存放Ext.panel对象,其容器中的成员可以以borderlayout方式布局Ext.panel 可以存放很多元素,最常见的是Ext.form.formPanel对象,也可以用borderlayout布局 下面是我写的一个小例子,顶级容器不是viewport而是tabpanel 代码如下://一个普通的表单 var frm ...

extjsgrid设置某列背景颜色和字体颜色的实现方法 2015-07-30

extjs grid设置某列背景颜色和字体颜色的实现步骤,需要的朋友可以参考下.css代码: 代码如下: .x-grid-back-red { background: #FF0000; } js代码: 代码如下: { header : '分成类型', dataIndex : 'divideType', renderer : function(v,m){ m.css='x-g ...

Extjsgridpanel出现横向滚动条问题的解决方法 2015-07-16

Extjs gridpanel 出现横向滚动条问题的解决方法,在gridpanel中加入以下代码即可. 代码如下:viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered } var g = this.grid; var c = g.getGridEl(); var ...