ExtJs4 问题总结

1、Ext AJAX store和from超时的解决方法


在用到ext
grid的时候,如果后台计算量大或者返回的数据量过大导致加载数据时间超时,时间超时后会发现grid没有数据显示。解决的方法是把超时的时间设置大点,EXT的Ajax默认请求都是30秒。设置方法如下:Ext.Ajax.timeout
= 90000; 一秒=1000毫秒。上面设置是把timeout设置为90秒。

EXT的from对象在异步加载数据的时候也会出现超时的问题。解决方法如下:Ext.data.Connection.prototype.timeout=‘9000‘;设置ajax请求时间默认30秒。

2、ExtJs4 读取XML文件时 字段和根名都要区分大小写

Ext.define(‘MyData‘,{
  
     extend:
‘Ext.data.Model‘,
        fields: [{
name:‘Job_id‘, mapping: ‘Job_id‘}
      
 ,‘Job_desc‘
      
 ,‘Min_lvl‘
      
 ,‘Max_lvl‘
       
]
   
});

var store = Ext.create(‘Ext.data.Store‘,
{
               
storeId:
‘DataStore‘,
               
autoLoad:
true,
               
model:
‘MyData‘,
               
proxy:
{
                   
type:
‘ajax‘,
                   
url: ‘MyXmlData.xml‘,  
//‘GetExtjsData.aspx?parm=List‘,   
 
                   
reader:
{
                       
type:
‘xml‘,
                       
root:
‘dataset‘,
                       
record:
‘record‘
                   
}
               
}
});

xml文件格式:多记录时要加根目录‘dataset’

<?xml version=‘1.0‘
encoding=‘utf-8‘?>
<dataset>
    
<record>
           
<Job_id>1</Job_id>
           
<Job_desc>name1</Job_desc>
           
<Min_lvl>23</Min_lvl>
           
<Max_lvl>33</Max_lvl>
   
</record>
  <record>
   
<Job_id>2</Job_id>
   
<Job_desc>name1</Job_desc>
   
<Min_lvl>23</Min_lvl>
   
<Max_lvl>33</Max_lvl>
 
</record>
</dataset>

ExtJs4 问题总结,布布扣,bubuko.com

时间: 2024-08-09 21:59:24

ExtJs4 问题总结的相关文章

ExtJs4.2&mdash;&mdash;HelloWorld

ExtJS为开发者在开发富客户的B/S应用中提供丰富的UI组件,具有统一的主题,便于快速开发,提高效率.但显然它并不适合互联网站的开发. 一.主要目录文件介绍 builds:压缩后的ExtJS代码,体积更小,更快:        docs:开发文档:        examples:官方演示示例:        locale:多国语言资源文件:        pkgs:ExtJS各部分功能的打包文件:        resource:ExtJS所需要的CSS与图片文件:        src:未

Extjs-4.2.1(一)——编辑 hello word

前言:在搭建好环境后,就可以利用Extjs进行开发了. 一.在项目中拷贝相关的Extjs文件,如下图: 注意:不需要整个Ext开发包全部导入,这样很容易造成eclipse卡死,因为eclipse会自动检测js的合法性,会占用大量的检测时间.cpu和内存.通常普通的开发只需要用到\extjs-4.2.1\resources文件包.\extjs-4.2.1\bootstrap.js.\extjs-4.2.1\ext-all.js这两个资源就可以,需要中文化再导入\extjs-4.2.1\locale

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

鸣谢:http://blog.csdn.net/leimengyuanlian/article/details/18748599 http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html --------------------------------------------------------------------------- 一.下载Extjs4.2.1 http://vzidc.newhua.com/dow

Extjs4使用iframe注意事项

1 "video" : { 2 render : function(panel, eOpts) { 3 // 因为iframe在video 4 // panel渲染的时候就已经完全移动到video中了,所以document中就不再有iframe这个元素了 5 // video关闭的时候也会自动把panel中的所有元素销毁,所以如果我们还想使用iframe元素,只有再重新手动创建并添加到body中 6 var container = Ext.getBody(); 7 var eleMes

ExtJS4.x 开发环境搭建

需要的资源 ExtJS4.2 eclipse 开发环境搭建 在项目中国需要引用的文件: 测试页面代码: <%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>ExtJs 演示</t

ExtJS4 Ext.onReady、Ext.define、Ext.create的区别与联系 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html

1.Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行. 2.Ext.define 说明:创建类,可以继承其他类,也可以被继承. 例子1: <script type="text/javascript"> Ext.onReady(function () { //创建一个类,类名:TextClass,具有两个属性:A.B Ext.define('TextClass', { A: 'a', B: 'b' }); //实例化类 var textClas

转: 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 up and down 的使用方法

Extjs4中up()和down()的用法 Extjs4.x中,每个组件都新增加了两个方法up()和down()方法.这两个方法都是用来获取组件的,下面我们来看下up()方法和down()方法的官方解释. Extjs4.x中,新增加了两个方法up()和down()方法.这两个方法都是用来获取组件的,下面我们来看下官方解释. up( String selector, [Number/Mixed maxDepth] ) : Ext.core.Element selector:必选,字符串形式,表示要

ExtJs4学习(二):Dom文档操作

现在主流的JS框架要数ExtJs和JQuery应用的比较广泛.JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势.ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库.在企业级B/S解决方案应用上独占优势.就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery.下面我就通过对比API,体现两种框架的异曲同工之处.我们已JQuery API为主线,来看看ExtJs是否有替代的方案. 注意一点:ExtJs4.0相对上

Extjs4.1 环境搭建

一.ExtJS简介 Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的.官方网址:www.sencha.com ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用. 二.ExtJS特点: 使用标准的W3C技术: 庞大的组件模型及控件库: 丰富绚丽的界面元素: 强大实用的工具封装: 开源GPL: 三.ExtJS开发环境搭建: