EXTJS:编辑器网格 - 插入一行具有不同属性的行

时间:2010-09-08 15:53:57

标签: extjs

我有一个编辑器网格,我想做什么我在编辑器网格中创建一行,用户必须在网格上添加空白信息的新信息。

如果在将该行插入编辑器后对其应用不同的样式/ id / etc,我想要的是什么。 1-我该如何做到这一点?

2-如何将插入的新ROW始终显示为最后一行,即使在滚动到该网格的另一页之后也是如此?

1 个答案:

答案 0 :(得分:2)

以下是为自己的新记录分配自定义类以及在最后插入新记录的代码:

var grid = new Ext.grid.EditorGridPanel({
    store: store,
    cm: cm,
    viewConfig: {
        getRowClass : function(record, rowIndex, p, store){
            if(record.data.isNew){
                return 'x-tab-panel-header';
            }
        }
    },
    tbar: [{
        text: 'Add New',
        handler: function() {
            var Rec = grid.getStore().recordType;
            var p = new Rec({
                col1: 'value1',
                col2: 1.01
            });
            grid.stopEditing();
            var newRow = store.getCount();
            p.data.isNew = true;
            store.insert(newRow, p);
            grid.startEditing(newRow, 0);
        }}]
});

您可以在此处测试此示例:http://jsfiddle.net/xjkB5/