如何处理 ExtJs 中的异常“无法调用方法 getRange of null”

How can I handle the exception "cannot call method getRange of null" in ExtJs?

本文关键字：调用 方法 getRange null of 异常 何处理 处理 ExtJs      更新时间：2023-09-26

我在网上搜索了答案，但没有找到任何东西。希望你能帮到忙。所以我对extJs是相对新手.我在左侧有一个导航栏。当我按下那里的第一个按钮时，会打开一个新窗口，其中包含一个表并自动加载其数据。第一次它工作得很好，但是当我关闭窗口并再次打开它时，我收到错误"无法调用方法getRange of null"。

如果我打开第二个窗口(当我单击导航栏中的另一个按钮时(，我有 4 个选项卡，每个选项卡包含一个表格。每个选项卡都有一个带有按钮(创建、更改等(的工具栏。这里发生的事情与第一个窗口相同。我也可以将这些表打印为列表，第一次工作正常，但是当我取消打印操作时，我再次收到错误。

我确保所有按钮和表格都有不同的引用，所以我真的不知道这可能是什么。

有什么想法吗？

我添加我的面板，这将在此处打开新窗口：

items: [
        {
            xtype: 'tabpanel',
            region: 'center',
            items: [{
                // 1. Tab
                xtype: 'componentTap-panel',
                title: UMA.Locale.rm.component.componentTitle,
                id: 'componentTab'
            }, {
                // 2. Tab
                title: UMA.Locale.rm.componentGroup.componentGroupTitle,
                xtype: 'componentGroupTap-panel',
                id: 'componentGroupTab'
            }, {
                // 3. Tab
                title: UMA.Locale.rm.componentTemplateTitle,
                xtype: 'componentTamplate-panel',
                id: 'componentTemplateTab'
            },
            {
                //4.Tab
                title: UMA.Locale.rm.inventoryTitle,
                xtype: 'inventoryTab-panel',
                id: 'inventoryTab'
            }
            ]
        }
]

当窗口打开时，我添加我的表格和工具栏：

items: [{
    xtype: 'toolbar',
    region: 'north',
    reference: 'componentToolbar',
    items: [{
        text: UMA.Locale.rm.buttonCreate,
        action: 'createComp'
    }, {
            text: UMA.Locale.rm.buttonChange,
            action: 'changeComp'
        }, {
            text: UMA.Locale.rm.buttonMove,
            action: 'moveComp'
        }, {
            text: UMA.Locale.rm.buttonDelete,
            action: 'deleteComp'
        },{
            text: UMA.Locale.rm.buttonPrint,
            action: 'print',
            margin: {
                left: 8
}, {
        xtype: 'componentTable-panel',
        region: 'center'
    }, {
        xtype: 'componentsFilter-panel',
        width: 300,
        region: 'east'
    }]

然后自动加载我的表：

items:[{
    xtype: 'filtergrid',
    reference: 'componentGrid',
    paging: true,
    hideHeaders: false,
        region: 'center',
        selModel: new Ext.selection.RowModel({
                mode: "MULTI"
        }),
        store: {
            model: 'Component',
            autoLoad: true
        },
        columns: [{ ...

正如谢尔盖·诺维科夫(Sergey Novikov(所提到的，getRange()是一种存储方法。我的网格商店也遇到了同样的错误，经过一次又一次的审查，我发现每当我关闭选项卡并再次重新打开它时，我都会得到网格视图的两个实例(可以通过grid.getView()检查(，然后我得出的结论是，每当网格第二次创建时，网格视图的选择模型有两个实例，因为我正在使用selModel代码为new Ext.selection.CheckboxModel({ showHeaderCheckbox: true, width: 50, mode: 'MULTI' })

然后我将selModel的代码更改为

selModel: { selType: 'checkboxmodel', showHeaderCheckbox: true, width: 50, mode: 'MULTI' }

错误对我来说消失了。希望这对您有所帮助。:)

使用 Object() 构造函数测试对象是否为以下三种子类型之一：

  • 空对象
    • 对象
  • 对象
  • 数组对象

例如：

function foo() { return {"hi":"bye" } }
function bar() { return null }
function baz() { return [1,2,3] }
function testObject(myObject)
  {
  if (Object(myObject).hasOwnProperty("0") )
    {
    /* Call getRange */
    return 'yes';
    }
  else
    {
    /* throw an exception */
    return 'no';
    }
  }
console.log(testObject(foo()), testObject(bar()), testObject(baz()) );

相关文章：