ExtJS:在Ext.grid.property.Grid中显示模型

时间:2012-09-27 10:28:25

标签: extjs

我想在属性网格中显示持久字段(在我的模型文件中定义的字段)。

enter image description here

属性网格:

Ext.define('ATCOM.view.InspectorProperties', {
    extend : 'Ext.grid.property.Grid',
    alias : 'widget.inspectorProperties',
    cls : 'property-grid',
    height : 150,
    listeners : {
        beforerender : function() {
            // Rename the first column
            var cols = this.getView().getHeaderCt().getGridColumns();
            cols[0].setText("Property");
        },
        beforeedit : function(e) {
            // Read-only
            return false;
        }
    },
    source : {} // Start with no items
});

我在select事件中(在控制器中)加载这样的项目,其中record是我们的模型对象,getInfo()是属性grid:

var source = {};
source.id = record.get('id');
source.start = record.get('start');
source.end = record.get('end');

this.getInfo().setSource(source);

型号:

Ext.define('ATCOM.model.Shift', {
    extend : 'Ext.data.Model',
    fields : [ 'id', {
        name : 'start',
        type : 'date',
    }, {
        name : 'end',
        type : 'date',
    }, 'position', 'controller' ],
    hasMany : {
        model : 'ATCOM.model.ShiftAlloc',
        name : 'allocations'
    }
});

有没有更好的方法来解决这个问题,所以所有非关联字段(在我的情况下不包括allocations)会自动发送到属性网格?也可以使用ATCOM.model.Shift.getFields()读取字段并迭代检查persistent:false;以保留其余键,但是如何从实例获取类引用 - 如何,我该怎么做从其中一个实例获取ATCOM.model.Shift,以便我可以调用getFields()?

编辑:

查找班级名称:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Base-static-method-getName

1 个答案:

答案 0 :(得分:1)

可能会说setSource(record.data)。我现在正在玩这个;它似乎显示了正确的信息,但您可能无法控制哪些字段的详细信息以便进行编辑等。