Assign Javascript code to GridButtonColumn & GridEditCommandColumn

[Rajasekar Nammalvar]

Hi,

I am using delete,edit,upadate and cancel by using below 2 Columns in grid.

1) GridButtonColumn - Delete
2) GridEditCommandColumn - Edit,Update,Cancel.

I want to assign some javascript code to run at client when each of these actions are performed for each Item(Row).

How is this possible ?

[Princy]

Hello Rajasekar,

You can try the following code to achieve the required:
c#:

protected void gridLearningList_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;((LinkButton)item["EditCommandColumnUniqueName"].Controls[0]).Attributes.Add("onclick", "clicked(this);");
            ((LinkButton)item["ButtonColumnUniqueName"].Controls[0]).Attributes.Add("onclick", "clicked(this);");
        }


        if (e.Item is GridEditableItem && e.Item.IsInEditMode)
        {
            GridEditableItem editItem = (GridEditableItem)e.Item;
            ((LinkButton)editItem["EditCommandColumnUniqueName"].FindControl("UpdateButton")).Attributes.Add("onclick", "clicked(this);");
            ((LinkButton)editItem["EditCommandColumnUniqueName"].FindControl("CancelButton")).Attributes.Add("onclick", "clicked(this);");
        }

  }

js:

function clicked(button)
    {
       alert(button.innerHTML);

    }

Thanks
Princy.

[Rajasekar Nammalvar]

Thanks That worked.