ExtJs / Sencha:插入后如何突出显示网格行?

时间:2010-08-02 11:48:14

标签: grid highlight extjs

我想创建这样一个网格: http://www.sencha.com/deploy/dev/examples/grid/edit-grid.html

实际上我已经这样做了,但我想突出显示我网格的最后一行(在extjs中这是函数highlight(),它在元素上做了一个黄色渐变)。

我实际上并没有成功地做到这一点......我的问题是我无法获得刚刚插入的行,因此很明显我无法突出显示它。 有线索吗?

提前致谢

5 个答案:

答案 0 :(得分:7)

你只需要这样做(这里是第一行):

var row = grid.getView().getRow(0);
Ext.get(row).highlight();

就这么简单。

答案 1 :(得分:1)

代码

store.insert(0, p);

那么你不要在那个声明之后立即突出显示第零行吗?

答案 2 :(得分:1)

对不起回答太晚了, 使用Ext.grid.RowSelectionModel而不是使用selectLastRow函数你可以很容易地指出它:)

答案 3 :(得分:0)

Ext.data.store有一个添加侦听器,它传递一个插入记录的索引

add : ( Store this, Ext.data.Record[] records, Number index )

答案 4 :(得分:0)

这将进入你的添加/创建按钮事件。代码this.getSelectionModel().select(0);将突出显示自插入位置0以来的第一行,我们选择位置0.此代码适用于ExtJS 4.2.0。

    var rec = Ext.create('App.model.GridModel', {
        id: '123',
        name: 'ABC'
    });

    this.store.insert(0, rec);  
    this.getSelectionModel().select(0);