滚动

Question

我尝试使用sencha cmd来创建项目。但是当使用rowediting插件时，我收到了错误

  

“SCRIPT5007：无法获取未定义的属性'getAttribute'或   空引用“

每当我向上/向下滚动网格上的编辑器时。

你可以告诉我这里有什么问题吗？

please click here to see more detail

这里我的代码如下：

Ext.define("Sample.view.common.HelloWorld",{
    extend: "Ext.grid.Panel",
    alias: 'widget.app-helloworld',
    requires: [
        'Ext.grid.plugin.RowEditing',
        'PCS.config.Locale'
    ],
    bind: '{hellostore}',
    layout: {type: 'fit', align: 'stretch'},
    initComponent: function() {
        Ext.apply(this, {
            plugins: [{
                ptype: 'rowediting',
                clicksToEdit: 2,
                pluginId: 'helloeditor',
                errorsText: 'Warning',
                listeners: {
                    cancelEdit: 'onCancelEdit',
                    validateedit: 'onValidateEdit',
                    edit: 'onEdit'
                }
            }],
            columns: [
                new Ext.grid.RowNumberer({
                    width: 30,
                    align: 'center'
                }), {
                    header: this.lblSysNm,
                    dataIndex: 'sysCd',
                    width: 150,
                    align: 'center',
                    itemId: 'colSystem',
                    renderer: function(value, metaData){
                        return metaData.record.data.sysNm;
                    },
                    editor: {
                        xtype: 'combo',
                        bind: {
                            store: '{systemCodeCombo}' 
                        },
                        displayField: 'optionName',
                        valueField: 'optionValue',
                        allowBlank: false,
                        activeError: 'important',
                        editable: false
                    }
                }, {
                    header: this.lblDept,
                    dataIndex: 'deptCd',
                    width: 180,
                    align: 'center',
                    itemId: 'colDept',
                    renderer: function(value, metaData){
                        return metaData.record.data.deptNm;
                    },
                    editor: {
                        xtype: 'combo',
                        bind: {
                            store: '{deptCodeCombo}' 
                        },
                        displayField: 'optionName',
                        valueField: 'optionValue',
                        allowBlank: false,
                        activeError: 'important',
                        editable: false
                    }
                }, {
                    header: this.lblCountryCd,
                    dataIndex: 'cntyCd',
                    width: 120,
                    align: 'center',
                    itemId: 'colCountryCd',
                    editor: {
                        xtype: 'textfield',
                        maxLength : 2,
                        enforceMaxLength : true,
                        allowBlank: false,
                        activeError: 'important',
                        fieldStyle: 'text-align: center;text-transform:uppercase',
                        readOnly: true,
                        afterRender: function() {
                            this.el.on('click','openCountryPopup');
                        }
                    }
                }, {
                    header: this.lblCountryNm,
                    dataIndex: 'cntyNm',
                    width: 170,
                    align: 'left',
                    itemId: 'colCountryNm',
                    editor: {
                        xtype: 'textfield',
                        maxLength : 50,
                        enforceMaxLength : true,
                        allowBlank: false,
                        activeError: 'important',
                        readOnly: true,
                        afterRender: function() {
                            this.el.on('click','openCountryPopup');
                        }
                    }
                }, {
                    header: this.lblReason,
                    dataIndex: 'reason',
                    width: 340,
                    align: 'left',
                    itemId: 'colReason',
                    editor: {
                        xtype: 'textfield',
                        maxLength : 200,
                        enforceMaxLength : true,
                        allowBlank: false,
                        activeError: 'important'
                    }
                }, {
                    header: this.lblLastUpd,
                    dataIndex: 'updUserId',
                    width: 100,
                    align: 'center',
                    itemId: 'colLastUpd',
                    editable: false
                }, {
                    header: this.lblLastUpdDt,
                    dataIndex: 'updDt',
                    xtype: 'datecolumn',
                    format: 'Y-m-d H:i',
                    width: 150,
                    align: 'left',
                    itemId: 'colLastUpdDt',
                    editable: false
                }
            ]
        });
        this.callParent();
    }
});