EXTJS4 Gridpanel-如何聚焦/突出顯示某一行？

Question

我正在使用GridPanel。我只想根據它具有的值（最大值）來聚焦特定的行。我如何實現這一點。我還沒有在EXT4.1文檔中找到任何方法。

Answer 1

您需要查看您的方法Ext.grid.View。有一個focusRow方法可以將商店記錄作爲參數。聽起來和你要找的東西完全一樣。但是，這不會對該行應用任何特殊的CSS;它會將其滾動到視圖中。您可以使用highlightItem或addRowCls更改該行的外觀。

Answer 2

這可以通過每列的renderer屬性來控制。爲每種類型的渲染器定義一個函數。然後在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' 
     },