Select Renderer function for Grid Column Code Behind (C#)

Hello everyone, I would like to know if it is possible to use the renderer fn for a specific column, in code behind. Here is my code:

Code:

---

<ColumnModel runat="server">
                        <Columns>
                            <ext:Column
                                ID="NameColumn" Text="Nombre Unidad"
                                runat="server"
                                Width="120"
                                DataIndex="Name">
                            </ext:Column>
                            <ext:Column
                                ID="Value7Col"
                                runat="server"
                                Width="120"
                                Sortable="true"
                                DataIndex="Value7">
                            </ext:Column>
                            <ext:Column
                                ID="Value10Col" Text="Fecha y hora"
                                runat="server"
                                Width="120"
                                Sortable="true"
                                DataIndex="Value10">
                                <Renderer Fn ="fixDate" />
                            </ext:Column>
                        </Columns>
                    </ColumnModel>

---

and on code behind i would like to change dynamically the renderer for 'Value7Col'. I currently have something like this:

Code:

---

public void LoadInfo(string message)
        {
            StoredProcedures sp = new StoredProcedures();
            var resultado = sp.getTDTReportsBySubmessage(message);
            if (message=="CONTROL CINTURÓN")
            {
                Value7Col.Text = "Estatus Cinturón";
                //Renderer for the Column
            }

            else if(message=="CONTROL PUERTA")
            {
                Value7Col.Text = "Estatus Puerta";
                //Renderer for the Column
            }


            var ordered = resultado.OrderBy(x => x.Name).ToList();
            TDTStore.DataSource = ordered;
            TDTStore.DataBind();
            Show();           
        }

---

I would appreciate a lot any help or answer. Greetings from Mexico

Hello @faridhajnal!

Use Value7Col.Renderer.Fn = "myNewRenderer".

Notice this works only when first loading the page.


If you want to change the renderer after the page has already been loaded (during postback, for example), you have to do that from JavaScript side. Actually you'd better not change the renderer function itself, but you can make the function behave differently depending on the condition. For example a boolean. If this is what you want/need, there's some directions here: How to dynamically change column renderer of a grid column.

To bring that ExtJS-specific answer to Ext.NET world, what you can do is setting a JavaScript global boolean variable to determine what the Value7Col renderer function should do, and then, in your code behind method. For example:

In code behind method:

Code:

---

X.AddScript("value7ColAlternativeRenderer = true");

---

And have the renderer JavaScript function do something like this:

Code:

---

if (value7ColAlternativeRenderer) {
 // Do the alternative renderer
} else {
 // Do the main renderer
}

---

I hope this helps!

Thank you, it worked very nice!