EXTJS4 Gridpanel-如何聚焦/突出显示特定行?

时间:2012-08-27 15:43:35

标签: extjs extjs4 extjs4.1

我正在使用GridPanel。我只想基于它具有的值(最大值)聚焦特定行如何实现这一点。我在EXT4.1文档中找不到任何方法。

2 个答案:

答案 0 :(得分:4)

您需要查看Ext.grid.View的方法。有一个focusRow方法可以将商店记录作为参数。听起来和你正在寻找的完全一样。但是,这不会对该行应用任何特殊的CSS;它会将其滚动到视图中。您可以使用highlightItemaddRowCls来更改行的显示方式。

答案 1 :(得分:1)

这可以通过每列的渲染器属性来控制。为每种类型的渲染器定义一个函数。然后在Ext.grid.Panel中的每个列定义中调用该函数。因此,在您的情况下,将渲染器应用于每列。也许改变背景颜色或做一些独特的事情。这将涵盖条件值问题。有关行选择,请查看此链接。

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/grid/array-grid.html

function pctChange(val) {
    if (val > 0) {
        return '<span style="color:green;">' + val + '%</span>';
    } else if (val < 0) {
        return '<span style="color:red;">' + val + '%</span>';
    }
    return val;
}


    columns: [
        {
            text     : '% Change',
            width    : 75,
            sortable : true,
            renderer : pctChange,
            dataIndex: 'pctChange'
        },