Towards making it easier to provide help, I would like to briefly describe what I want to do with Telerik Grid.

I am developing an application where the grid is used to display 4 rows of 5 columns of thumbnail images. Paging is enabled because there can be a thousand rows of data. There is a caption directly under each thumbnail. There is a hidden field that has the user ID associated with the thumbnail image.

Clicking on the thumbnail, invokes a client side event handler which gets the user ID for that image.  An Ajax call is made to the server with the user ID to get the url of a full size image, and various user data. The full size image and associated user information will be displayed on a separate tab at the end of the Ajax call by JavaScript on the client.

I am using a GridTemplateColumn to allow me to build the more involved grid cell that contains and image, caption, and hidden field HtmlControls with the runat=”server”  

I am assuming that I can either set the grid DataSource property and call the DataBind method or handle this in the NeedDataSource event.

I plan to use the ItemDataBound event to set the alt and url attribute of the <img>tag along with the caption text held in a <div> container. I will also need to set the value attribute of the hidden field to the user ID.

My data source will be a List<AlbumInfoItemCollection> that has four properties. Each property is a get accessor for an AlbumInfoItem. The AlbumInfoItem class has properties that hold all the information necessary to set the url, caption, and user ID.

Basic Problem/Question

My basic problem is when handling the ItemDataBound event, I need to know the syntax to get the row instance of the AlbumInfoItemCollection.

I would imagine that they do exist, but I could not find any examples that did this.

Thanks in advance,
Carl Taylor
Suwanee, GA

PS I absolutely love your product!!!

private void CreateRadChart(int iSent, int iRcvd)
{
    // Create a RadChart and assign its datasource, title, and size.
    RadChart radChart = new RadChart();

    radChart.SeriesOrientation = ChartSeriesOrientation.Horizontal;
    radChart.ChartTitle.Appearance.Visible = false;
    radChart.Legend.Appearance.Visible = false;
    radChart.Appearance.Border.Width = 0;
    radChart.Width = Unit.Pixel(650);
    radChart.Height = Unit.Pixel(110);

    // BRONZE User 1-35, SILVER User 36-70, GOLD User 71-99, Platinum User 100+

    ChartMarkedZone mrkdZone = new ChartMarkedZone();
    mrkdZone.ValueStartY = 0;
    mrkdZone.ValueEndY = 35;
    mrkdZone.Appearance.FillStyle.MainColor = System.Drawing.Color.FromArgb(166, 125, 61);
    radChart.PlotArea.MarkedZones.Add(mrkdZone);

    mrkdZone = new ChartMarkedZone();
    mrkdZone.ValueStartY = 35;
    mrkdZone.ValueEndY = 70;
    mrkdZone.Appearance.FillStyle.MainColor = System.Drawing.Color.FromArgb(211, 211, 211);
    radChart.PlotArea.MarkedZones.Add(mrkdZone);

    mrkdZone = new ChartMarkedZone();
    mrkdZone.ValueStartY = 70;
    mrkdZone.ValueEndY = 100;
    mrkdZone.Appearance.FillStyle.MainColor = System.Drawing.Color.FromArgb(207, 181, 59);
    radChart.PlotArea.MarkedZones.Add(mrkdZone);

    mrkdZone = new ChartMarkedZone();
    mrkdZone.ValueStartY = 100;
    mrkdZone.ValueEndY = 125;
    mrkdZone.Appearance.FillStyle.MainColor = System.Drawing.Color.FromArgb(248, 248, 255);
    radChart.PlotArea.MarkedZones.Add(mrkdZone);

    radChart.PlotArea.Appearance.Border.Width = 1;
    radChart.PlotArea.Appearance.Dimensions.Margins.Left = 6;
    radChart.PlotArea.Appearance.Dimensions.Margins.Top = 6;
    radChart.PlotArea.Appearance.Dimensions.Margins.Bottom = 25;
    radChart.PlotArea.Appearance.Dimensions.Margins.Right = 12;

    radChart.PlotArea.XAxis.Appearance.Visible = Telerik.Charting.Styles.ChartAxisVisibility.False;

    radChart.PlotArea.YAxis.AutoScale = false;
    radChart.PlotArea.YAxis.AddRange(0, 125, 5);
    radChart.PlotArea.YAxis.Appearance.MajorGridLines.Color = System.Drawing.Color.Gray;
    radChart.PlotArea.YAxis.Appearance.MinorGridLines.Color = System.Drawing.Color.Gainsboro;

    // Create a ChartSeries and assign its name and chart type
    ChartSeries chartSeries = new ChartSeries();
    chartSeries.Name = "Series1";
    chartSeries.Type = ChartSeriesType.Bar;
    chartSeries.Appearance.TextAppearance.TextProperties.Color = System.Drawing.Color.Black;

    // Create ChartSeriesItem 1 and assign its name, value, and appearance
    ChartSeriesItem seriesItem = new ChartSeriesItem();
    seriesItem.Name = "Rcvd";
    seriesItem.YValue = iRcvd;
    seriesItem.Appearance.Border.Width = 1;
    seriesItem.ActiveRegion.Tooltip = "Recognition awards received";
    seriesItem.Appearance.FillStyle.MainColor = System.Drawing.Color.ForestGreen;
    seriesItem.Appearance.FillStyle.SecondColor = System.Drawing.Color.DarkGreen;
    chartSeries.AddItem(seriesItem);

    // Create ChartSeriesItem 2 and assign its name, value, and appearance
    seriesItem = new ChartSeriesItem();
    seriesItem.Name = "Sent";
    seriesItem.YValue = iSent;
    seriesItem.Appearance.Border.Width = 1;
    seriesItem.ActiveRegion.Tooltip = "Recognition awards sent";
    seriesItem.Appearance.FillStyle.MainColor = System.Drawing.Color.SteelBlue;
    seriesItem.Appearance.FillStyle.SecondColor = System.Drawing.Color.DarkBlue;
    chartSeries.AddItem(seriesItem);

    radChart.Series.Add(chartSeries);

    this.Page.Controls.Add(radChart);
}

Hi , I have a column type of  GridClientSelectColumn  , now how can access to checkbox in every row in this column , and how can checked,unchecked  them with client side way (in javascript function)