This is a migrated thread and some comments may be shown as answers.

GridButtonColumn CommandArgument from data source

17 Answers 1015 Views

Grid

This is a migrated thread and some comments may be shown as answers.

17 Answers, 1 is accepted

answered on 18 Sep 2009, 01:47 PM

Hi Scott,

I have achieved this functionality in my RadGrid using the approach of adding a GridTemplateColumn and placing a LinkButton inside of the ItemTemplate. You could call the function to open your modal window with the OnClientClick event of the control you place in the ItemTemplate. If you want to use a method in your code behind you could assign a value to the CommandName property of the LinkButton and check the e.CommandName in the ItemCommand event of the grid (also below).

Client Side:

    
            <telerik:GridTemplateColumn> 
        
                     <ItemTemplate> 
        
                           <asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="ClientClick()">Edit  
        
                           </asp:LinkButton> 
        
                     </ItemTemplate> 
        
            </telerik:GridTemplateColumn>

Sever Side:

    
            <telerik:GridTemplateColumn>    
        
                     <ItemTemplate>    
        
                           <asp:LinkButton ID="LinkButton1" runat="server" CommandName="OpenWin">Edit     
        
                           </asp:LinkButton>    
        
                     </ItemTemplate>    
        
            </telerik:GridTemplateColumn>

    
            protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)  
        
                {  
        
                   if (e.CommandName == "OpenWin")  
        
                      {  
        
                        //Your code here.  
        
                      }  
        
                }

I hope this helps!
Casey

answered on 21 Sep 2009, 06:22 PM

Hi Scott,

I used Telerik's code converter to convert from C# to VB. Hopefully this will help you.

Casey

    
            Protected Sub RadGrid1_ItemCommand(source As Object, e As GridCommandEventArgs)  
        
            If e.CommandName = "OpenWin" Then 
        
                End If 
        
            End Sub

Your grid will look something like this (with your settings also):

    
            <telerik:RadGrid id="RadGrid1" runat="server" OnItemCommand="RadGrid1_ItemCommand" >  
        
              <telerik:GridTemplateColumn>       
        
                     <ItemTemplate>       
        
                           <asp:LinkButton ID="LinkButton1" runat="server"   
        
                           CommandName="OpenWin">Edit</asp:LinkButton>       
        
                     </ItemTemplate>       
        
              </telerik:GridTemplateColumn>     
        
            </telerik:RadGrid>

answered on 22 Sep 2009, 04:23 AM

Thanks again Casey! I mostly got it working (in both C# and VB - thanks for the headsup about the converter, and for doing the simple conversion for me).

However, the behavior I get now is, I click the LinkButton column that I created using a TemplateColumn, and my function to open the Modal window gets called, but then the entire page refreshes, so the Modal window closes by itself. At first I thought it wasn't working, but when I added some Alerts it slowed it stopped it so I could see that the Modal RadWindow was indeed opening.

You can observe this at http:www.sundry.com/adb_web03/default6.aspx

Here is my Default6.aspx page:

    
            <%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default6.aspx.vb" Inherits="Default6" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="cphHeader" Runat="Server">  
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="cphMainContent" Runat="Server">  
        
            <script type="text/javascript">  
        
                function OpenNewWindow(theUrl)  
        
                {  
        
                 var oManager = GetRadWindowManager();  
        
                        alert(oManager.get_id());  
        
                  var oWnd = oManager.getWindowByName('rw1');  
        
                        alert(oWnd.get_id());  
        
                  if (oWnd)  
        
                  {  
        
                      oWnd.setUrl(theUrl);  
        
                      oWnd.show();  
        
                  }  
        
              }  
        
            </script> 
        
                Page 6  
        
            <br /> 
        
            <br /> 
        
                <telerik:RadGrid ID="RadGrid1" runat="server"  Height="300px" Width="500px" Skin="Telerik"   
        
                    AutoGenerateColumns="False" GridLines="None"   
        
                DataSourceID="ObjectDataSource1">  
        
                    <MasterTableView DataSourceID="ObjectDataSource1">  
        
                        <Columns> 
        
                            <telerik:GridTemplateColumn UniqueName="TemplateColumn">   
        
                                 <ItemTemplate>    
        
                                       <asp:LinkButton ID="LinkButton1" runat="server"   OnClientClick="OpenNewWindow('SubWin1.aspx')">Edit     
        
                                       </asp:LinkButton>    
        
                                 </ItemTemplate>    
        
                            </telerik:GridTemplateColumn>   
        
                            <telerik:GridHyperLinkColumn UniqueName="column2" DataNavigateUrlFields="LogID, IPAddress" DataNavigateUrlFormatString="Default7?LogID={0}" DataTextField="IPAddress" NavigateUrl="Default7.aspx"   
        
                                Text="Details">  
        
                            </telerik:GridHyperLinkColumn>   
        
                            <telerik:GridBoundColumn DataField="mOS" HeaderText="OS" UniqueName="column2">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="IPUsers" HeaderText="IPUsers"   
        
                                UniqueName="column3">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Hits" HeaderText="Hits"   
        
                                UniqueName="column4">  
        
                            </telerik:GridBoundColumn>   
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid><br /> 
        
                <input id="Button1" type="button" value="Open Modal" onclick="OpenNewWindow('SubWin1.aspx');" /> 
        
            <br /> 
        
                <asp:ObjectDataSource ID="ObjectDataSource1" runat="server"   
        
                    SelectMethod="GetOS"   
        
                    TypeName="MembershipManagement.MembershipManagagement.ABDMember"></asp:ObjectDataSource> 
        
            </asp:Content> 
        
            <asp:Content ID="Content3" ContentPlaceHolderID="cphFooter" Runat="Server">  
        
            </asp:Content>

FYI, as you can see, this is a Content Page. On my Master Page I have a RadWindow Manager, with like 6 RadWindows to it (rw1 through rw6). Also, the button (not in Grid) at the bottom calls the same script to open the RadWindow, and it works and the Modal window does not auto-close.

So, I have 2 questions (for Casey or anyone):

1. Any idea why the whole page (default6.aspx) is refreshing and the just opened Modal RadWindow automatically closes when I click on the LinkButton?

2. How can I combine this with the functionality where I pass the record ID (of the row clicked on the grid) to the RadWindow I am opening. For example, in other places I have a grid of data with a hyperlink column, and I use the following pair of properties to auto-specify a URL QueryString so I can drill down to a specific record once I get the the new (Modal) window?
These properties do not exist on the LinkButton like they do on a HyperlinkColumn.

DataNavigateUrlFormatString

="IPDetails.aspx?LogID={0}&IPAddress={1}" DataTextField="IPAddress"

Thanks!

Scott

answered on 15 Mar 2013, 10:31 AM

Hello Kevin,

If you mean the OnCommand of the grid, just use:

function OnCommandHandler(sender, args)

{

args.set_cancel(true);

}

If you mean a custom handler of yours, just pass to it the event object, e.g. OnClientClick = "onCommand(event)", and use the following code:

function onCommand(e)

{

var evt = e? e: window.event;

evt.returnValue = false;

evt.cancelBubble = false;

if (evt.preventDefault)

{

evt.preventDefault();

evt.stopPropagation();

}

return false;

}

Hope it helps.

Greetings, Tsvetoslav
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

GridButtonColumn CommandArgument from data source

17 Answers, 1 is accepted