Hi Ca,

     In your case, I would say that it would be better if we use OnCellClick client side event. With this event, it will make us easier to create a validation for the hyperlinked column.

     At this moment, our WebGrid cannot change the background color for any particular row. However, what we can do is to change the color of cell by cell. Here is the snippet to do so:

   <script language="javascript" type="text/javascript" id="WebGrid1_OnCellClick">
		<!--
        function WebGrid1_OnCellClick(controlId, tblName, rowIndex, cellIndex, cellEl) {
            var WebGrid1 = ISGetObject(controlId);

            var rowEl = WebGrid1.RootTable.GetRow(rowIndex).RowElement;

            for (var i = 1; i < rowEl.cells.length; i++) {

                rowEl.cells[i].style.setAttribute("backgroundColor", "Red", true);
            }

            return true;
        }
		-->
    </script>

      I hope it helps. Thank you and have a nice day.

Best Regards,

Andi Santoso

hi,

did you check it with grouped grid.

I am getting incorrect answer, because my grid is grouped by date field. the row count is not coming correctly .

i also tried the

             var grid = ISGetObject("WebGrid1");             
             var selectedObject = grid.GetSelectedObject();              
                          
             if (selectedObject != null)
             {                		
                
                var selectedRow = selectedObject.ToRowObject(); 
                var pos= selectedRow.Position ;
                alert(pos);
                var rowEl = grid.RootTable.GetRow(pos).RowElement;
                 for (var i = 1; i < rowEl.cells.length; i++) {

                    alert(rowEl.cells[3].style.backgroundColor)
                  }
              }

but here i am getting incorrect row position. so incorrect background

please help me.

thanks and regards

ca

Hi Ca,

    Yes, if we are using a grouped WebGrid, the group header will be counted as a Row. That is why, using that approach will give us an ugly result. In your case, I think we will need to use GetSelectedObject, instead of getting its row by GetRow. Here is the snippet:

        function WebGrid1_OnCellClick(controlId, tblName, rowIndex, cellIndex, cellEl) {
            var indexNumber;

            var WebGrid1 = ISGetObject(controlId);
            var rootTable = WebGrid1.RootTable;
            var columnLength = rootTable.Columns.length;
            
            if (rootTable.GroupedColumns.length > 0)
                indexNumber = 2;
            else
                indexNumber = 1;

            setTimeout(function () {
                var getObject = WebGrid1.GetSelectedObject().ToRowObject();
                if (getObject.Type != "GroupHeader") {

                    for (var i = indexNumber; i <= columnLength; i++) {

                        getObject.RowElement.cells[i].style.setAttribute("backgroundColor", "Red", true);
                    }
                }
            }, 500);
            return true;
        }

     I hope it can help solve your issue. Thank you and have a nice day.

Best Regards,

Andi Santoso

thank you so much. it solved my problem