ext2.0所遇问题

1、         表单中的文件框浏览按钮和text框在IE下显示错位，解决方法：

采用textfield,将其input设为file即可，filefiled在IE下不适用，其他浏览器没问题

2、         Panel中的按钮位置，可以通过Panel的buttonAlign属性来配置

3、         Ext中组件的间距可以通过配置组件的style来实现，如：

   

 style: { 
        marginBottom: '10px',//距底部高度 
        marginLeft:'10px',//距左边宽度 
        marginRight:'50px'//距右边宽度 
             }

 

4、          JsonStore获取数据时，在需要model时，需要导入高版本的data.model,ext2.2中没有这个js文件，然后按照高版本的model定义方法定义即可。如：导入ext4.0de model

   Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: [
             {name:'id',type:'int'},
        {name: 'text', type: 'string'}
    ]
});
 
var store1 = new Ext.data.JsonStore({
   
   
    storeId: 'myStore',
    model: User,
    pageSize:4,
    start:0,
    proxy: {
        type: 'ajax',
        url: 'showDepartments.action',
        reader: {
            type: 'json',
            root: 'results',
            totalProperty : 'totalCount'
        }
    },
 
    //alternatively,a Ext.data.Model name can be given (see Ext.data.Store for an example)
    autoLoad: true
});

 

Model也可以直接通过配置store的fields属性来实现

 

5、          grid的行编辑

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
            clicksToMoveEditor:1,
            autoCancel: false
         
        });

 

在grid中加入：plugins: [rowEditing]

 

要给编辑绑定事件，需在rowediting或者panel中绑定事件，如编辑完成事件：grid.on("edit",function(editor,e){//yourcode});

 

6、          Ext.form提交问题

如果包含有combobox，必须设置hiddenName，不然后台获取到的是显示的文本。

如果含有datefield，需加上format:'Y-m-d',方便后台获取。

在struts中如果前台提交的数据和后台接收数据部匹配，表单就会提交失败，出现诸如：编译错误等…

 

7、datefield时间控件在IE8下面显示不全，如图：

   

这是2.2未对IE8支持，调用如下代码即可：

  

  Ext.override(Ext.menu.Menu, {//解决2.2时间控件在IE8下显示不全的问题
       autoWidth : function() {
           var el = this.el, ul = this.ul;
           if (!el) {
              return;
           }
           var w = this.width;
           if (w) {
              el.setWidth(w);
           } else if (Ext.isIE && !Ext.isIE8) {
              el.setWidth(this.minWidth);
              var t = el.dom.offsetWidth;
              el.setWidth(ul.getWidth() + el.getFrameWidth("lr"));
           }
       }
    });

 

 

8、时间格式问题

获取时间控件的值，但一般结果是：这种格式，可以采用时间格式转换函数转换，如value为时间控件获取到的值，通过value.format(‘Y-m-d’)等就可以转换，该转化的结果为：

 

 

9、可编辑表格的问题

 

点击可编辑表格出现表格整体行左移

 

未编辑之前

 

编辑之后

 

 

解决办法：

 

 

Ext.override(Ext.grid.GridView,{//解决可编辑表格中点击后出现行左移
    initTemplates : function(){
       var ts = this.templates || {};
       if(!ts.master){
           ts.master = new Ext.Template(
              '',
                  '',
                     '{header}

', '

{body}