东亮博客

使用了Extjs，自己本机测试开发没有问题，但是到客户端部署时，部分页面加载异常的慢，迟迟不出来啊（真是 千呼万唤始出来，犹抱琵琶半遮面啊）。我这是因为Extjs默认要联网下载部分控件图片，所以没有联网时，它在尝试网络连接下载图片，所以非常慢。处理是：在页面加载时，告诉它东西已经有了，在某某位置。即    在Ext.onReady(function(){... ... ...}

基本组件：xtypeClass描述buttonExt.Button按钮splitbuttonExt.SplitButton带下拉菜单的按钮cycleExt.CycleButton带下拉选项菜单的按钮buttongroupExt.ButtonGroup编组按钮(Since 3.0)sl

combo控件的定义：items: [    {        xtype: 'combo',        id: "cbdomain",        x: 60,        y: 10, //27        width: 120,        editable: false,        store:getAllDomainstore,

一个动态的下拉框从后台抓取store,再在store上加入一个静态的数值("--------全部-------")即可:如://声明数据的属性var topRecord = Ext.data.Record.create([{name : 'cbrMsId',type : 'string'}, {name : 'cbrModelSeries',type :

同步方式请求：var conn = Ext.lib.Ajax.getConnectionObject().conn;conn.open("GET",'your url',false);conn.send(null);alert(conn.responseText);或者var conn = Ext.lib.Ajax.getConnectionOb

1、配置combo：{columnWidth: .3,layout: 'form',border: false,items: [{id: "txtP_Nation",name: "txtP_Nation",allowBlank: false,width: 130,fieldLabel: '民族',emptyText: '请选择民族',hidden

第一种情况：加载数据时改变列的颜色首先定义一个样式如下（这里以红色背景为例）：    .x-grid-back-red {          background: #FF0000;       }定义改变颜色的列：{header:'摘要',dataIndex:'zhaoyao',align:'left',width:150,

/** *    description:           获取GridPanel中当前页在分页中的位置  *    name:                  getStartIndex    *    parameters: grid       - GridPanel对象                    pageSize   - GridPanel一页展现的记录条数

var sm = new Ext.grid.CheckboxSelectionModel();        sm.handleMouseDown = Ext.emptyFn;//不响应MouseDown事件        sm.on('rowselect',function(sm_,rowIndex,record){//行选中的时候                    },

在Win全局定义中加上下面这个就行：bodyStyle  : 'position:relative'   var windt1 = new Ext.Window({ title: ' ', width: 800, height: 250, plain: true,

Ext.getCmp('maintab').getActiveTab().load({url:'printpage.jsp',scripts:true});可以解决，这个是用的当前的tab，但是也可以任意的用Ext.getCmp('maintab').findById("你的tabID").load({url:"'printpage.asp", callback: this.initS

Ext.data.JsonStore使用HttpProxy加载数据时传递参数的两种方法1.用baseParams属性var Type1Store = new Ext.data.JsonStore({fields: ['name','id'],url: 'LoadData.aspx',baseParams: {mode: 'type1'},autoLoad: true

使用Extjs的ComboBox时，因为ComboBox并不是真正的select，所以不会默认选中第一项。通过下面的方法，就可以实现选中第一项的值： ...    var comboStore = new Ext.data.SimpleStore({        fields: ['value', 'text'],        data: []    });

var record;function viewScore（）{    var ions=Ext.getCmp（""projectGrid""）.getSelectionModel（）.getSelections（）;    if（ions.length>0）{        record=ions[0];        var viewScoreWin=E

今天在做项目时，需要在列表中的某列添加一个超链接，首先要取得当前选中行的数据，判断数据类型，然后链接到不同的页面，研究下。发现ExtJs提供了一个很强的方法如下：var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }),{ heade

datefield日期控件设置默认值，为当天的前一月，和后一月 Ext.Date.MONTH      月Ext.Date.YEAR         年Ext.Date.DAY           天  注意全部是大写  '日期',                {                    xtype:'datefield',

Ext.onReady(function() {      var a = Ext.MessageBox.wait('content', 'title');        (function() {        a.hide()     }).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a);    var mas

问题场景：在Extjs中的ComboBox的默认值使用value属性时，不会自动关联到text，并显示text值。 问题原因：由于ComboBox的store的异步加载引起。 解决：在ComboBox中的store的load事件中再通过combo.setValue(id值)方法，就能解决该问题。不过会有一点点延迟。代码： sectionStore.on('load'

问题描述:(下拉框显示的不在combobox的下端)问题代码:{                    //baseCls:"x-plain",//强制与颜色 匹配               layout:"form",              labelWidth:55,              columnWidth:.14,

Extjs Combobox代码: 1. items:[  2.      {  3.          widthidth:150,  4.          layout:'form',  5.          border:false,  6.          items:[{fieldLabel:'站点名称',  7.              xtyp

在开发的很多时候,在调用另一个弹出页面或修改完一个内容后,需及时地反应出来,就这需要在修改后及时的给原有的框框赋值...实际操作也是很简单,如: Ext.getCmp('listname').setValue(updateitemname); 顺便也记录下网上收集来的一些总结经验.. ExtJS 给textfield赋值的方法总结  省得忘了不知道去那找了._^

Ext.get('tp_xj1').setValue(''); 修改为：Ext.get('tp_xj1').set({ value: '' });

页面必须引入ext-basex.js文件： /* global Ext *//* * ext-basex 3.5.1 * *********************************************************************************** * * Ext.lib.Ajax enhancements: * - adds Event

今天用Ext 中的 combobox发现如果你将 combobox的宽度设置的太小，可能Ext弹出的下拉框的宽度会超过你的combobox的宽度，其 实这个问题只需要在combobox expand的时候设置下拉框的宽度就可以了 代码如下： { xtype: "combo", width: 36, listeners: { expand: funct

当创建一个窗口时，第一次打开是没有问题的，但再次打开时将会在“FF”中出现“b.dom is undefined ”的错误，在"IE"中出现的错误为“dom.style为空或不是对象 ”的主要原因是为什么呢？解：这主要是因为创建的window面板默认的关闭按钮是直接把窗口关闭(销毁)掉，再次打开时，就会找不到了。解决方法是添加窗口的另一配置属性：closeAction:'hide' 即可。

var sm = new Ext.grid.CheckboxSelectionModel({header:'',singleSelect:true});

应该是Ext的bug，当给grid的宽度设为100%时，其宽度会变成10000px，高度设置为100%，其内容自适应，而不是根据其容器自适应。无奈只能通过其高度宽度设置为固定值（很管用的） 这样不论页面宽度怎么变化grid都会自适应页面容器了。js代码如下：    // create the Grid    var grid = new Ext.grid.GridPanel({

Ext.onReady(function(){  Ext.BLANK_IMAGE_URL = '/js/extjs/3.0/resources/images/default/s.gif';  //Ext.chart.Chart.CHART_URL = '/js/extjs/3.0/resources/charts.swf';  Ext.QuickTips.init();  test

Ext.Window：items: [memberForm]memberForm：items : [gridPanel]gridPanel：store: fileStorevar fileStore = new Ext.data.JsonStore({   url:'getDocListForCancelAttDoc.do?FILEITEMID='+docId,   baseP

Tree中的子节点通常要设置不同的响应事件，实现这种方法有一种原理，就是添加click侦听事件，也就是listener，其实很简单，有两种方式可以实现：1、TreePanel.addListener(‘click’ ,ClickFn);就是TreePanel的侦听，ClickFn就是你自定义的响应函数名，用来响应click事件2、就是在声明子节点值的时候加上listener属性，如下面简单

/*不考虑节点的状态，同一用一种图标显示*/   .x-tree-node  .your-iconCls{background-image: url(youricon.gif)}  /*为节点的开闭状态和叶节点状态分别设置样式*/   .x-tree-node-expanded  .your-iconCls{background-image: url(youricon.gif)

后台输出代码{success:true}或者{success:false}查了下，原来只有{success:true}才会执行success函数，就加了个自定义的判断{success:true,flag:true}或{success:true,flag:false}用flag来判断就可以了

公司项目在测试中，发现在IE9中，ExtJS里的tree控件不能点击了。Google了一下，发现ExtJS3.0不支持IE9的，现在升级ExtJS已经不可能了，只有想其他办法，第一想法就是让IE9默认采用IE8的兼容模式运行，好像以前好像在哪见过这个代码，然后就Google了一下，果然找到答案了。在页面里面插入以下代码：  必须在head里的第一行插入，才行的。这样IE9打开该页面就默认用IE

var store = new Ext.data.Store({ //code is here }) store.load(); var grid = new Ext.grid.GridPanel( { title :'数据', id: 'detailGridId', re

首先了，要先下载lovcombo 地址为http://lovcombo.extjs.eu/extjs3.0和这个东东了有个bug，就是选择后失去焦点值会消失修复方法，在Ext.ux.form.LovCombo.js加上beforeBlur，方法为在Ext.ux.form.LovCombo.js的setValue前面加上beforeBlur : function(){

extjs在ie6和ie7下出现这个错误:由于出现错误 80020101 而导致此项操作无法完成  经过百度，google一翻得出问题的原因有： 1.  js文件中的最后的变量多了一个“,”，这个逗号在火狐浏览器中没问题，但在IE浏览器中就会导致.js文件无法被加载。2.  页面中多了html注释,js注释 <!-- //问题

Extjs3.3日期控件的扩展，选择时分秒，从网上找了许多，有的都不好使，最终找了一个，调了一下，搞出来了，和大家分享一下。资源在附件中：1. 将css和images文件夹中的文件放到工程的对应目录下。注意：css文件中的两个关于图片的路径问题，自己得根据实际情况修改一下。2. 在需要调用时间控件的页面中引入这三个js文件DateTimeField.js3. 在调用的时

日期格式参考extjs api文档中的Date类型.var md = new Ext.form.DateField({//下面的格式是:2000-01-01 00:00:00format: 'Y-m-d H:i:s',............});替换'Y-m-d H:i:s'中的各个字母,留意大小写.可得到多种样式的日期格式.Ext.Date的格式说明d

Extjs 3.3.1有这样一个场景: 页面A 有一个iframe, 这个iframe 的src 是页面B.|------------------- ||      页面A           || __________    || |  iframe       |   || |  页面B         |   || ----------------    |-

b[d.xtype || e] is not a constructor  当我们再编写前台时，有时候会报这样的错误。这是我们把xtype的值给写错了。对照下面改一下就可以了：Ext  xtype 类型         Class------------       ------------------box                 Ext.BoxComponent 具有边