[Solved] Column select client-side

[Mark]

Hi,
I have a grid that has its datasource set server-side.
I have added a GridButtonColumn. What i want to do is instead of when the button is clicked going to the server-side _ItemCommand of the grid, i want it to run a javascript function client-side...

Is this possible ? here is my GridButtonColumn code...

<

Columns><telerik:GridButtonColumn Text="View" CommandName="View"></telerik:GridButtonColumn></Columns>


Thanks
Mark

[Princy]

Hi Mark,

Can you try with the following approach.

ASPX:

<telerik:GridButtonColumn  HeaderText="ButtonCol"    Text="Click" UniqueName="ButtonCol" ></telerik:GridButtonColumn>

CS:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
     {
         if (e.Item is GridDataItem)
         {
             GridDataItem item = (GridDataItem)e.Item;
             string strKey = item.GetDataKeyValue("ProductName").ToString();
             LinkButton btn = (LinkButton)item["ButtonCol"].Controls[0];
             btn.Attributes.Add("OnClick", "return Clicked('" + strKey + "');");

         }
   }

JS:

 <script type="text/javascript" language="javascript" >
     function Clicked(strKey)
     {
      alert(strKey)
     }
    </script>

Princy.

[Mark]

Wow ! That works great ! Thanks...

one little thing though,.. when i select the grid button, it IS running the javascript, BUT.. it is forcing a postback... can i stop this ??

Many Many Thanks
Mark :-)

[Shinu]

Hi Mark,

Try the following JavaScript code to prevent the PostBack.

JS:

<script type="text/javascript" language="javascript" >
     function Clicked(strKey)
     {
      alert(strKey);
      return false;
     }
    </script>

Shinu.

[Mark]

ah... i missed the obvious !!

Gotta say guys, your support is very impressive.

Many Thanks.... again !

Mark