javascript - ExtJS PropertyGrid - 动态设置源

Question

我正在处理一个简单的 PropertyGrid。如果我在设计时使用一些 json 对象设置 source 属性，它会正确显示。但是当我尝试动态设置源数据时，它不显示数据。

这是我的代码:

ConceptPropertiesPanel = function() {

    this.source = {   ***// if i set source this way, it will work***

    "(name)": "My Object",
    "Created": new Date(Date.parse('10/15/2006')),  
    "Available": false,  
    "Version": .01,     
    "Description": "A test object"
};

ConceptPropertiesPanel.superclass.constructor.call(this, {
    id: 'concetp-properties',
    region: 'east',
    title: 'Concept Properties',
    autoScroll: true,
    margins: '0 5 0 0',
    split: true,
    width: 250,
    minSize: 250,
    maxSize: 400,
    collapsible: true,
    source: {}
})
};


Ext.extend(ConceptPropertiesPanel, Ext.grid.PropertyGrid, {

setSourceData: function(data) { **//I want to set source when the below method is called, but not working**
    this.setSource({
        "(name)": "My Object",
        "Created": new Date(Date.parse('10/15/2006')),  
        "Available": false,  
        "Version": .01,     
        "Description": "A test object"
    });
}

});

这就是我调用“setSourceData”函数的方式。

var conceptPropertiesPanel = new ConceptPropertiesPanel();
conceptPropertiesPanel.setSourceData(data);

谁能告诉我问题出在哪里？

Answer 1

Here是你的演示代码。它按预期工作。您可能需要在调用 conceptPropertiesPanel.setSourceData(data); 时检查是否存在任何 JS 错误，否则它应该工作!