RadGrid Column Background Color Change

[Jamil]

Hello,

is there a way to accomplish the following task using the RadGrid client side API:

RadGridComparableAnalysis.MasterTableView.AutoGeneratedColumns[columnCounter].ItemStyle.BackColor =

Color.White;

 

As you can noticed from the following code, i'm able to get the object of target column but could not find a property which can allow me to change the background color. Please let me know what i'm missing here

//Define array of columns

 

var grdColumns = new Array(masterTable.get_columns().length);

 

//Get all columns
grdColumns = masterTable.get_columns();

 

//Navigate to all columns and chage background color for the required columns
for (var columnCounter = 0; columnCounter < masterTable.get_columns().length; columnCounter++) {

 

 

var remainder = (columnCounter % 2);

 

 

if (remainder == 0) {

 

 

var grdColumn = grdColumns[columnCounter];

 

 

//masterTable.getColumnByUniqueName(grdColumn.get_uniqueName()).backColor = "Blue";
//masterTable.autoGeneratedColumns[columnCounter].itemStyle.iackColor = "Blue";
}
}

 

Thanks

 

[Shinu]

Hello Jamil,

Here is the sample code that I tried, to change the background color of a particular column from client side.

JavaScript:

    function ButtonClick() {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var MasterTable = grid.get_masterTableView();
        var length = MasterTable.get_dataItems().length;
        for (var i = 0; i < length; i++) {
            MasterTable.get_dataItems()[i].get_cell("ColumnUniqueName").style.backgroundColor = "red";
            MasterTable.get_dataItems()[i].get_cell("ColumnUniqueName").style.backgroundImage = "none";
        }
    }

Regards,
Shinu.

[DCoop]

Received the following from example code

Error: Unable to get property 'style' of undefined or null reference

function ApplyButton() {

 

 var grid = $find("<%=RadGrid2.ClientID %>");
            var MasterTable = grid.get_masterTableView();
            var length = MasterTable.get_dataItems().length;
            for (var i = 0; i < length; i++) {
                MasterTable.get_dataItems()[i].get_cell("ColumnUniqueName").style.backgroundColor = "red";
                }
        }

[DCoop]

Shinu,

I see the issue.  What I need is all column changes, not a specific column. Please advise.

 

 

 

[Attila Antal]

Hi DCoop,

The exception "Error: Unable to get property 'style' of undefined or null reference" indicates that the element or object "MasterTable.get_dataItems()[i].get_cell("ColumnUniqueName")" does not exist it is null or undefined. Having that in mind, it is possible that a Column with the UniqueName "ColumnUniqueName" does not exist and the get_cell("ColumnUniqueName") returns null or undefined.

Please double-check that to ensure the code is calling the correct references. 

For more information about accessing items, cell or value in RadGrid using the client-side API, please check out the following articles:

• Accessing Grid Items Client-Side
• Accessing Grid Cells, Cell Values and Raw DataKey Values Client-Side

Kind regards,
Attila Antal
Progress Telerik