Ext.Net 3.2 - Полностью цветная ячейка сетки сетки

Question

Я бы полностью покрасил ячейку сетки с каркасом Ext.Net 3.2; Я попытался с визуализацией:

<ext:Column ID="ColumnSTATO_VEICOLO" runat="server" Width="105" Text="Stato veicolo" DataIndex="STATO_VEICOLO"> 
    <Renderer Handler="return Ext.String.format('<span style=background-color:green; height:100%; padding:0px; width:100%;>{0}</span>', record.data.STATO_VEICOLO)" /> 

Но я получаю только этот результат:

, где клетка лишь частично окрашенные.

У кого-нибудь есть идеи?

Answer 1

Я не знаю, о Ext.net, но то, что вы делаете будет выглядеть следующим образом в равнинных ExtJS:

renderer:function(value, metaData, record) { 
    return Ext.String.format('<span style=background-color:green; height:100%; padding:0px; width:100%;>{0}</span>', record.data.STATO_VEICOLO); 
} 

и то, что вы действительно хотите сделать, в простом ExtJS, заключается в следующем:

renderer:function(value,metaData) { 
    metaData.style="background-color:green"; 
    return value; 
} 

Вы бы «просто» должны были превратить это в код Ext.net.

Answer 2

Я нашел решение, и я хочу поделиться с сообществом:

Javascript:

<script type="text/javascript"> 
var ChangevLivUrgenzaColorMetaData = function (value, metaData) { 

     var color = '#66ff66'; 

     if (value.indexOf('0') > -1) { 
      color = '#d9d9d9'; //grey 
     } 
     else if (value.indexOf('1') > -1) { 
      color = '#66ff66'; //green 
     } 
     else if (value.indexOf('2') > -1) { 
      color = '#ffff80'; //yellow 
     } 
     else if (value.indexOf('3') > -1) { 
      color = '#ff9900'; //orange 
     } 
     else if (value.indexOf('4') > -1) { 
      color = '#ff4d4d'; //red 
     } 

     metaData.style = "background-color:" + color; 
     return value; 
    } 

Asp.Net

<ext:Column ID="ColumnLIV_URGENZA" runat="server" Text="Livello urgenza" DataIndex="LIV_URGENZA" Width="150"> 
    <Renderer Fn="ChangevLivUrgenzaColorMetaData" />           
</ext:Column> 

Хитрость заключается в том, чтобы использовать:

metaData.style 

Результат: