Google
Tag: extjs预览模式: 普通 | 列表

ExtJs疑难杂症之菜单图标移位问题

作者:GDNPC  日期:2009-06-05

版本：2.2

症状：ExtJs号称是跨浏览器的，但CSS还是有点问题。例如菜单图标的移位问题就很闹心，我们公司使用的都是IE6，结果图标就变成这样了。

以下是extJs自带的example：

查看更多...

Tags: javascript js extjs 技术

分类:技术积累 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1645

ExtJs疑难杂症之GridPanel单元格不能选中复制问题

作者:GDNPC  日期:2009-06-05

Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。

分析：用IE Developer Toolbar打开ExtJs输出的代码研究了一下，发现每个单元格的div都有一个属性：unselectable="on"，看来是css在作怪。

版本：2.2

解决办法：extJs官方论坛上有具体的解决办法，比较可行的如下。

查看更多...

Tags: javascript js extjs 技术

分类:技术积累 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1807

轻松掌握ExtJs系列教程二：使用Ext.Button组件

作者:GDNPC  日期:2009-05-24

本章介绍如何使用Ext.Button组件。如果大家使用IE的话建议安装IE Developer Toolbar，这样就能实时看到ext究竟生成了什么代码。不安装也可以，ext本身也自带了类似功能，下面例子就启用了debug功能。

效果如下图：

查看更多...

Tags: extjs js javascript 技术

分类:技术积累 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6638

轻松掌握ExtJs系列教程一：写在使用ExtJs之前

作者:GDNPC  日期:2009-05-22

使用ExtJs已经一个多月了，先简单说一下我的使用感受。

之所以选择使用ExtJs是被它的GridPanel所吸引，刚好近期有个任务需要使用复杂的Grid，因此没多想就选择了ExtJs。

刚开始一切很顺利，网上例子很多，东挪西凑一个漂亮的grid就出来了。但随着不断深入，麻烦也越来越多，在很多细节上，用ExtJs的确不是很方便，例如layout就是一个难点，我都现在都没有做出完美的效果。那段时期真的非常痛苦，很多次真想用传统的方法推倒重来。但ExtJs GridPanel的丰富功能的确令人难以割舍，况且我不想放弃这个学习ExtJs的大好机会，这次放弃了，以后相信就没多大机会能用上了。

做开发就和长跑一样，中间总会有段觉得辛苦而想放弃的阶段，但一旦撑过去，一切就显得海阔天空，游刃有余。以下是我做的grid，一行html都没写，全部用js来实现，一共写了1500多行js代码，几乎所有功能都用上了，碰到很多疑难杂症也一一解决，具体我已记录在《ExtJs疑难杂症》系列文章里。

查看更多...

Tags: extjs js javascript 技术

分类:技术积累 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1881

ExtJs疑难杂症之ComboBox选项filter问题

作者:GDNPC  日期:2009-05-12

如果有多个同类型的ComboBox，个人觉得最好的加载方法是加载一个store，然后通过filter方法筛选出需要的选择项，这样切换ComboBox就不用请求单独的store了。但这里似乎又有点问题。

版本：2.2

症状：

如以下代码所示，store执行filter后ComboBox的选项并不会改变，但打印store.getCount()时发现选项数目已经发生变化，只是ComboBox没展示出来。

Java代码
  1. var comboBoxFilter = new Ext.form.ComboBox({   
  2.         store: basekeyStore,   
  3.         displayField: "basekeyName",   
  4.         valueField: "basekeyID",   
  5.         typeAhead: true,   
  6.         mode: 'local',   
  7.         forceSelection: true,   
  8.         triggerAction: 'all',   
  9.         selectOnFocus:true,   
  10.         lazyRender:true  
  11.     });   
  12.   
  13. basekeyStore.filter("basekeyTypdID", "3");//使用filter  

查看更多...

Tags: extjs javascript 技术 js

分类:技术积累 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 1817

ExtJs疑难杂症之formPanel动态添加FieldSet导致验证失效

作者:GDNPC  日期:2009-05-08

这个标题非常拗口，但应该能帮助遇到同样问题的朋友baidu到这里。baidu+google了一下午都没找到答案，发这文章时国内似乎还没有人碰到这个问题，至少没有发相关的帖子出来。但国外被这螃蟹噎到的ExtJs用户已经数不胜数了，还是google见多识广啊~

版本：2.2打防memory leak补丁版

症状：

当使用add方法在formPanel中动态添加FieldSet时，尽管控件重绘正常，但form.isValid()只会返回true，打印form.items.length时也显示没有新的组件添加进来，但实际上无论render还是submit都是正常的，唯独validate不正常。问题代码如下：

JavaScript代码
  1. //Create the Form   
  2.   testForm = new Ext.form.FormPanel({   
  3.       name: "form1",   
  4.       frame:true,   
  5.       width: 350,   
  6.       items: [{   
  7.           xtype: "textfield",   
  8.           name: "nom",   
  9.           fieldLabel: "nom",   
  10.           allowBlank: false  
  11.       }]           
  12.   });   
  13.   //Render the form   
  14.   testForm.render(Ext.get('idForm'));       
  15.   //Create the fieldset   
  16.   testFieldSet = new Ext.form.FieldSet({   
  17.       name: 'testFieldSet',   
  18.       autoHeight: true,   
  19.       items: [{   
  20.               xtype : "textfield",   
  21.               name : "testtextvalid",   
  22.               fieldLabel: "testDyn",   
  23.               allowBlank: false  
  24.           }]   
  25.   });   
  26.   testForm.add(testFieldSet); //add the fieldset to the formpanel   
  27.   
  28.   testFieldSet.doLayout();   
  29.   testForm.doLayout();  

查看更多...

Tags: javascript js extjs 技术

分类:技术积累 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2524