[Solved] Remove grid selectedrow using javascript

[RJ]

Hi all i wanted to remove selected row in my grid using javascript. I know it by serverside but i want to do it using clientside.
can you give code for asp.net ajax and for radcontrols classic..

Thanks in advance,
RJ

[Shinu]

Hi,

Try the following javascript to uncheck the row.
C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
   if (e.Item is GridDataItem)
   {
    GridDataItem dataItem = (GridDataItem)e.Item;
    CheckBox chk = (CheckBox)dataItem.FindControl("CheckBox1");
      int index=dataItem.ItemIndex ;
    chk.Attributes.Add("onclick", "Uncheck('" + index +"');");
   }
}

JS:

function UnCheck(index) {
       var masterTable = $find("<%=RadGrid1.ClientID %>").get_masterTableView();
       masterTable.get_dataItems()[index].set_selected(false);
}

Thanks,
Shinu

[RJ]

Hi shinu, I think this is for Asp.net Ajax already.. Sorry I've been making some changes to classic radcontrols and this code from some documentation, and I wonder why is it not working.

Error --> Microsoft JScript runtime error: Unable to get value of the property 'SelectRow': object is null or undefined



On Page load code:  'This will just call javascript to select 1st row of the grid

ClientScript.RegisterClientScriptBlock(Me.GetType, "Select", "<script language=JavaScript> SelectFirstRow(); </script>")

Script:

function SelectFirstRow()
    {
        window["<%= Radgrid1.ClientID %>"].MasterTableView.SelectRow(window["<%= Radgrid1.ClientID %>"].MasterTableView.Rows[0].Control, true);
    }

function DeSelectFirstRow()
    {
             window["<%= Radgrid1.ClientID %>"].MasterTableView.DeSelectRow(window["<%= Radgrid1.ClientID %>"].MasterTableView.Rows[0].Control, true);
    }

Button Event: Just to deselect 1st row

ClientScript.RegisterClientScriptBlock(Me.GetType, "Select", "<script language=JavaScript> DeSelectFirstRow(); </script>")