Grid cell selection

[Zhangzhen]

Hi,

I want to select some particular cells (note, not the whole row) in the grid and then in the code behind, I want to get which cells have been selected and do something for these cells. Is there any easy way to achieve this? For the cells selected, they may not be in the same row. It will be great if I can select cells by selecting a range in the grid by dragging the mouse. Could you please advice?

Thanks in advance,
Dong, Zhangzhen

[Princy]

Hello Zhangzhen,

You can attatch the cell clicking event from the ItemDataBound. And from that function you can make the ajaxRequest with required parameters and can do the server side functionality.

C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
   if (e.Item is GridDataItem)
 {
     foreach (GridColumn col in RadGrid1.MasterTableView.RenderColumns)
    {
     GridDataItem dataItem = (GridDataItem)e.Item;
     dataItem[col.UniqueName].Attributes.Add("onclick", "CellClick('" + dataItem.ItemIndex + "','" + col.UniqueName + "');");
    }
  }
}

JS:

<script type="text/javascript">
 function CellClick(index, uniqueName)
 {
    var grid = $find("<%=RadGrid1.ClientID %>");
    var MasterTable = grid.get_masterTableView();
    var row = MasterTable.get_dataItems()[index];
    var cell = MasterTable.getCellByColumnUniqueName(row, uniqueName);
    var celltext = cell.innerHTML;
    cell.style.borderColor = "Red";
    alert(celltext);
    $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest(uniqueName);
 }
</script>

C#:

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
 {
     //access the argument do your code
 }

Thanks,
Princy.