extjs - EXTJS4 Gridpanel- How to focus/highlight a particular row?

Question

I am working on a GridPanel. I just want to focus a particular row based on the value it has(maximum value) How do I achieve this. I haven't found any method in the EXT4.1 documentation.

Answer 1

你需要看看Ext.grid.View你的方法。有一种focusRow方法可以将商店记录作为参数。听起来与您正在寻找的完全一样。但是，这不会对行应用任何特殊的 CSS；它只会将其滚动到视图中。您可以使用highlightItem或addRowCls更改行的外观。

Answer 2

这可以通过每列的渲染器属性来控制。为每种类型的渲染器定义一个函数。然后在 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'
        },