Open a popup on a buttonColumn

[Adigard]

Greetings,

I've added a ButtonColumn on my RadGrid and i need to open a popup when i click on it.
Afterwards, I need to fill this popup in code Behind...

Can anyone say me how i can get acess to this button ?

[Jayesh Goyani]

Hello,

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >

                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="RadGrid1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

                                <telerik:AjaxUpdatedControl ControlID="pnlview" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>


                    </AjaxSettings>
                </telerik:RadAjaxManager>
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

.................
................

<telerik:GridButtonColumn CommandName="View" /> </telerik:GridButtonColumn>
................
................

  <asp:Panel ID="pnlview" runat="server">
                    <asp:LinkButton ID="lnkCopyDummy" runat="server"></asp:LinkButton>
                    <cc1:ModalPopupExtender ID="mpview" runat="server"
                        PopupControlID="pnlCopyContainer" TargetControlID="lnkCopyDummy"  />
                    <asp:Panel ID="pnlviewContainer" runat="server" Style="display: none;">
 </asp:Panel>
                </asp:Panel>

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
    {

            if (e.CommandName.ToString() == "View")
        {
             mpview.Show();
        }
}

Thanks,
Jayesh Goyani

[Adigard]

Hello
And thank you again for your help!
What you wrote looks pretty good but it does not work :
Strange since the only thing i have added is :

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

Do you know where could this problem come from ? When i click on the button, nothing happens

[Jayesh Goyani]

hello,

please add below line of code in your page.
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

please add "AjaxControlToolkit.dll" in your project's bin folder.

Thanks,
Jayesh Goyani

[Adigard]

I have already added AjaxControlToolkit in my references. The same about the line you posted .

therefore the problem comes from somewhere else unfortunately...


This is my aspx page:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="tes1.aspx.cs" Inherits="WebApplication2.tes1" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadAjaxManager runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:IntranetConnectionString %>"
        DeleteCommand="DELETE FROM rendezvous WHERE [idRDV] = @idRDV" InsertCommand="INSERT INTO rendezvous ([objet], [debut], [fin], [description], [lieu]) VALUES
(@objet, @debut, @fin, @description,@lieu)" SelectCommand="SELECT* from rendezvous" UpdateCommand="UPDATE rendezvous SET [objet] = @objet, [debut] = @debut,
[fin] = @fin,[description] = @description, [lieu] = @lieu WHERE [idRDV] = @idRDV">
        <DeleteParameters>
            <asp:Parameter Name="idRDV" />
        </DeleteParameters>
        <InsertParameters>
            <asp:Parameter Name="objet" />
            <asp:Parameter Name="debut" />
            <asp:Parameter Name="fin" />
            <asp:Parameter Name="description" />
            <asp:Parameter Name="lieu" />
        </InsertParameters>
        <UpdateParameters>
            <asp:Parameter Name="objet" />
            <asp:Parameter Name="debut" />
            <asp:Parameter Name="fin" />
            <asp:Parameter Name="description" />
            <asp:Parameter Name="lieu" />
            <asp:Parameter Name="idRDV" />
        </UpdateParameters>
    </asp:SqlDataSource>
    <telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"
        AllowAutomaticUpdates="True" AllowFilteringByColumn="True" AllowPaging="True"
        AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None" ShowGroupPanel="True"
        Skin="Telerik" OnItemCreated="RadGrid1_ItemCreated"
        onitemcommand="RadGrid1_ItemCommand">
        <ClientSettings AllowDragToGroup="True">
            <Scrolling AllowScroll="True" UseStaticHeaders="True" />
        </ClientSettings>
        <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" DataKeyNames="idRDV"
            DataSourceID="SqlDataSource1" EditMode="InPlace">
            <RowIndicatorColumn>
                <HeaderStyle Width="20px"></HeaderStyle>
            </RowIndicatorColumn>
            <ExpandCollapseColumn>
                <HeaderStyle Width="20px"></HeaderStyle>
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridBoundColumn DataField="objet" HeaderText="objet" SortExpression="objet"
                    UniqueName="objet">
                </telerik:GridBoundColumn>
                <telerik:GridDateTimeColumn DataField="debut" DataType="System.DateTime" HeaderText="debut"
                    SortExpression="debut" UniqueName="debut" PickerType="DateTimePicker" ColumnEditorID="debut">
                </telerik:GridDateTimeColumn>
                <telerik:GridBoundColumn DataField="description" HeaderText="description" SortExpression="description"
                    UniqueName="description">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="lieu" HeaderText="lieu" SortExpression="lieu"
                    UniqueName="lieu">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="idRDV" DataType="System.Int32" HeaderText="idRDV"
                    ReadOnly="True" SortExpression="idRDV" UniqueName="idRDV" Visible="False">
                </telerik:GridBoundColumn>
                <telerik:GridDateTimeColumn DataField="fin" DataType="System.DateTime" HeaderText="fin"
                    SortExpression="fin" UniqueName="fin" PickerType="DateTimePicker" ColumnEditorID="fin">
                </telerik:GridDateTimeColumn>
                <telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="column1">
                </telerik:GridButtonColumn>
                <telerik:GridEditCommandColumn>
                </telerik:GridEditCommandColumn>
                <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="column2">
                </telerik:GridButtonColumn>
                <telerik:GridButtonColumn Text="Button" UniqueName="column" CommandName="View">
                </telerik:GridButtonColumn>
            </Columns>
            <EditFormSettings>
                <EditColumn UniqueName="EditCommandColumn1">
                </EditColumn>
            </EditFormSettings>
        </MasterTableView>
        <HeaderContextMenu EnableAutoScroll="True">
        </HeaderContextMenu>
    </telerik:RadGrid>
<%--    <telerik:GridDateTimeColumnEditor ID="debut" runat="server">
    </telerik:GridDateTimeColumnEditor>
    <telerik:GridDateTimeColumnEditor ID="fin" runat="server">
    </telerik:GridDateTimeColumnEditor>--%>


    <asp:Panel ID="pnlview" runat="server">
        <asp:LinkButton ID="lnkCopyDummy" runat="server"></asp:LinkButton>
        <cc1:modalpopupextender id="mpview" runat="server" popupcontrolid="pnlCopyContainer"
            targetcontrolid="lnkCopyDummy" />
        <asp:Panel ID="pnlviewContainer" runat="server" Style="display: none;">
        </asp:Panel>
    </asp:Panel>


    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="pnlview" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />



</asp:Content>

And my .cs page:


        protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
        {
            if (e.CommandName.ToString() == "View")
            {
                mpview.Show();
            }
        }


Maybe you'll see something i don't !
thank you again for your help

[Adigard]

Up

[Adigard]

Nobody knows?

[Jayesh Goyani]

Hello,

Please submit your project so we can try to solve your problem.

Thanks,
Jayesh Goyani

[Adigard]

Greetings,

My project : http://www.megaupload.com/?d=HCNN0VR3

The pages concerned by the problem are tes1.aspx+(.cs)

Thanks a lot for your help

[Jayesh Goyani]

Hello,

currently i am working on your project.
i will update you shortly.


right now,there is not any error in your page.
your functionality is not working due to another reason. (its give JS error from webresource).

Thanks,
Jayesh Goyani

[Adigard]

Thanks a lot, let me know !

[Jayesh Goyani]

Hello,.

There is an issue in your project.
please create new website and check it.

let me know if you have any concern.

Thanks,
Jayesh Goyani

[Adigard]

Very strange.
I'll try to create as you say a new project without the other fonctionnalities.
Just in order to open the popup.
i let you know.
Anyway thanks for your precious help!

[Jayesh Goyani]

Hello,

ok good.
Let me know if any other issue.

Thanks,
Jayesh Goyani

[Adigard]

I've been trying to solve this problem for days ! im getting mad!

I also found a different topic in which you explained the same kind of problem :
http://www.telerik.com/community/forums/aspnet-ajax/grid/urgent-model-popup-not-working-with-radgrid-and-radajax-manager.aspx

I really don't understand

[Adigard]

By the way, what is the purpose/utility of this button :

<asp:LinkButton ID="lnkCopyDummy" runat="server"></asp:LinkButton>

i don't understand ...

[Jayesh Goyani]

Hello,

Please look in this.

<ajaxToolkit:ModalPopupExtender ID="MPE" runat="server"
    TargetControlID="LinkButton1"

If you want to open modal popup then then we have to set any TargetControlID.
we have only one popup and so we can set only one TargetControlID.

In our case we want to open the popup with multiple button (TargetControlID) 
so we can take Dummy Link Button for that.

Thanks,
Jayesh Goyani

[Adigard]

Thank you, you still don't see what is wrong in my code ?
Im getting mad!

[Jayesh Goyani]

Hello,

ohhh..i really sorry.
I will again check your below project and inform you.
 
http://www.megaupload.com/?d=HCNN0VR3

Thanks,
Jayesh Goyani

[Adigard]

I noticed there is an error at the bottom of my brower ... " Javascript:_doPostBack...."

[Jayesh Goyani]

Hello,

Can you please provide more information about error or attach screenshot.

Thanks,
Jayesh Goyani

[Adigard]

No actually i think this isn't an error, it just displays this when i let my mouse over the button ....

My mistake

[Adigard]

Tonight , i also tried to create a new project with a basic RADGrid and less functionnalities.... just the code to get the popup and its not working neither ... this is insane !


Don't you have an exemple to send me ( a project with only this functionnality ) which works on your computer .
I could try yours to see what happens ...


thank you again for your time / help

[Jayesh Goyani]

Hello,

Ok no problem.

Let me know if any concern.

Thanks,
Jayesh Goyani