set css dynamically in a cell from code behind

[rahul13]

Hello,
I have a GridPanel in which I have to set cell color of every cell differently for a particular column. How can i do it.

<ext:Store ID="stPriorityList" runat="server">
                                    <Reader>
                                        <ext:JsonReader ReaderID="PRIORITY_ID_PK">
                                            <Fields>
                                                <ext:RecordField Name="PRIORITY_NAME_VC" />
                                                <ext:RecordField Name="COLOUR_HEX_CODE_VC" />
                                                <ext:RecordField Name="DESCRIPTION_VC" />
                                                <ext:RecordField Name="ACTIVE_FLAG_VC"  />
                                            </Fields>
                                        </ext:JsonReader>
                                    </Reader>
                                </ext:Store>
                                <ext:GridPanel ID="gpPriorityUser" runat="server" StoreID="stPriorityList" Width="680"
                                    AutoHeight="true" Collapsible="true" Title="Priority List">
                                    <ColumnModel ID="cmEndUser" runat="server">
                                        <Columns>
                                            <ext:Column Header="Priority Name" DataIndex="PRIORITY_NAME_VC" ColumnID="Identifier">
                                                <Renderer Fn="IdentifierRender" />
                                            </ext:Column>
                                            <ext:Column Header="Description" DataIndex="DESCRIPTION_VC" />
                                            <ext:Column Header="Color" DataIndex="COLOUR_HEX_CODE_VC"  />
                                            <ext:Column Header="Active" DataIndex="ACTIVE_FLAG_VC" />
                                        </Columns>
                                    </ColumnModel>                           
                                </ext:GridPanel>

Now i want to set different color for every row of Color Header different from code behind.

Thanks in advance.

[Daniil]

Hi,

Hope the following example help.
http://forums.ext.net/showthread.php...ll=1#post52989

[rahul13]

hello, I want these color will be set through database i.e HEXcolorCode value for that color.

[Daniil]

You should set up:

metadata.css = "color: " + yourColor;

within a Column Renderer.

[rahul13]

it cant identify <ext:ResourceManager runat="server" /> and this.grid.colModel.

[Daniil]

I don't understand, please clarify.

[rahul13]

it gives compile error

          Coolite.Ext.Web.ResourceManager' is inaccessible due to its protection level

when i am using

<ext:ResourceManager runat="server" />

it also canot identify this.grid.colModel. as a link suggested by you.

i am using

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

is it fine with this.

[Daniil]

Well, it looks that you use Coolite 0.8.

The example is for Ext.NET v1.x.

[rahul13]

Hello, now I am using Ext.NET.
I have work on your example. but it is called on cellclick event but I want cellcolor to be set on page load. This cellcolor will be different for each row and it will get value from its color code from database... it is not just red green or blue it may be multiple color.

waiting for reply...
Thanks...

[Daniil]

Good point to use Ext.NET v1.

Regarding to your requirement.

You should set up

metadata.attr = "color='" + someColor + "'";

within a Column Renderer.