Modal Popup Extender Show() Method does not work

Question

I have a ListView with LinkButtons. I'm using the OnItemCommand method with a CommanName in order to open a Dialog.

If the user click on the LinkButton, I want that to open a Dialog (with controls, etc). But I every time I get the same Error:

System.InvalidOperationException: The ListView "myListView" has one SelectedIndexChanging-Event execute, which was not treated.

My Code: aspx

...

<asp:HiddenField ID="hidForModel" runat="server" />

    <asp:scriptmanager id="ScriptManager1" runat="server">
       </asp:scriptmanager> 

       <asp:modalpopupextender id="PopUpDialog" 
                runat="server" cancelcontrolid="btnCancel" 
                okcontrolid="btnOkay" targetcontrolid="hidForModel" 
                popupcontrolid="Panel1" popupdraghandlecontrolid="PopupHeader" 
                drag="true" backgroundcssclass="ModalPopupBG" >

</asp:modalpopupextender>

            <div class="popupConfirmation" id="Panel1" runat="server" >
              <asp:Panel runat="server" ID="PopupHeader" CssClass="modalPopup">Benutzerinformationen</asp:Panel>
                <div class="Body">
                    Hallo
                    <asp:TextBox ID="txtVorname" runat="server"></asp:TextBox>
                    <asp:Button id="btnOkay" runat="server" text="Speichern" />
                    <asp:Button id="btnCancel" runat="server" text="Abbrechen" />
                </div>

            </div>

...

 <asp:ListView runat="server" ID="myListView" OnItemCommand="myListView_ItemCommand">

        <LayoutTemplate>
            <table id="UserTable" runat="server" border="0" width="800" cellpadding="0" cellspacing="0">
                <tr style="background-color:#E5E5FE" class="TableClass">
                    <th id="th1" runat="server"><asp:LinkButton ID="lnkBenutzer" runat="server" >id_Benutzer</asp:LinkButton></th>
                    <th id="th2" runat="server"><asp:LinkButton ID="lnkemail" runat="server" >id_Email</asp:LinkButton></th>
                    <th id="th3" runat="server"><asp:LinkButton ID="lnkVorname" runat="server" >id_Vorname</asp:LinkButton></th>
                    <th id="th4" runat="server"><asp:LinkButton ID="lnkNachname" runat="server" >id_Nachname</asp:LinkButton></th>
                    <th id="th5" runat="server"><asp:LinkButton ID="lnkTelefon" runat="server" >id_Telefon</asp:LinkButton></th>
                </tr>
                <tr runat="server" id="ItemPlaceholder">
                </tr>
            </table>
        </LayoutTemplate>

        <ItemTemplate>

            <tr class="TableClass">    
                <td align="left" ><asp:LinkButton CssClass="MyLink" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label1" Text='<%# Eval("Benutzername") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink"  CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label2" Text='<%# Eval("eMail") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label3" Text='<%# Eval("Vorname") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink"  CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label4" Text='<%# Eval("Nachname") %>' runat="server"  /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink"  CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label5" Text='<%# Eval("Telefonnummer") %>' runat="server"  /></td>

              <td align="left"><asp:Label ID="Label6" Text='<%# Eval("GUID") %>' runat="server" Visible="False" /></td>

            </tr>

        </ItemTemplate>

        <AlternatingItemTemplate>

            <tr class="TableClass"> 

                <td align="left" ><asp:LinkButton CssClass="MyLink" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label1" Text='<%# Eval("Benutzername") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label2" Text='<%# Eval("eMail") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink"  CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label3" Text='<%# Eval("Vorname") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink"  CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label4" Text='<%# Eval("Nachname") %>' runat="server" /></td>
                <td align="left"><asp:LinkButton CssClass="MyLink" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>' ID="Label5" Text='<%# Eval("Telefonnummer") %>' runat="server" /></td>

                <td align="left"><asp:Label ID="Label6" Text='<%# Eval("GUID") %>' runat="server" Visible="False" /></td>

            </tr>

        </AlternatingItemTemplate>

        </asp:ListView>

...

c# code:

protected void myListView_ItemCommand(object sender, ListViewCommandEventArgs e)
        {
            if (e.CommandName == "Select")
            {
                txtVorname.Text = "test";

                PopUpDialog.Show();  //<-- Here is the error 

            }
        }

It is a mystery that I can open the Dialog using a Button (for testing), but not with the LinkButton.

score 2 · Answer 1 · edited Dec 14 '12 at 04:26

2

protected void myListView_ItemCommand(object sender, ListViewCommandEventArgs e)
{
 if (e.CommandName == "Select")
  {
  ModalPopupExtender popUp = (ModalPopupExtender)lvAlbum.FindControl("PopUpDialog");
  popUp.Show();
  }
}

edited Dec 14 '12 at 04:26

KV Prajapati

93,659
19
148
186

answered Dec 14 '12 at 04:12

Zainul

21
3

add name space using AjaxControlToolkit; – Zainul Dec 14 '12 at 04:41

score 1 · Accepted Answer · answered Aug 14 '12 at 12:26

1

You just need to handle the SelectedIndexChanging event in the ListView.

Markup

<asp:ListView runat="server" ID="myListView" OnItemCommand="myListView_ItemCommand"
    OnSelectedIndexChanging="myListView_SelectedIndexChanging" >

Code-behind:

protected void myListView_SelectedIndexChanging(object sender, EventArgs e)
{

}

There are certain events in the ListView that need to be handled if they fire. If those events attempt to fire (like clicking a list item that has a "CommandName" of "Select" firing the SelectedIndexChanging event) and they are not handled, you get an error like the one you mentioned.

answered Aug 14 '12 at 12:26

Josh Darnell

11,304
9
38
66

thanks thanks thanks :))))) it works i need so long for this solution :D ..if you read that can you me give a link to a site where is it explain with the events from a listview because I want all know about the listview – Tarasov Aug 14 '12 at 12:35
@Tarasov You're welcome! Honestly, [the MSDN documentation](http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listview.aspx#events) is the best place to go for information on the events for the `ListView`. Espcecially the section near the bottom labelled "events". It has a table that lists each of them and what they do. – Josh Darnell Aug 14 '12 at 12:44
The most important thing to notice, is that the error message you got points you to what's missing. It says "The SelectedIndexChanging event was not handled"; if you see that, you need to handle it. – Josh Darnell Aug 14 '12 at 12:45

score 0 · Answer 3 · edited Mar 05 '14 at 15:12

0

Don't use the command text Select. For some reason it makes the popup not show. For example do the following:

if(e.CommandName == "ShowPopup")

That fixed my problem.

edited Mar 05 '14 at 15:12

Yurii

4,811
7
32
41

answered Mar 05 '14 at 14:53

Luigi

1

score 0 · Answer 4 · answered Jan 18 '22 at 16:22

0

My solution required the specific ajax script manager. The asp one did not work.

<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajax:ToolkitScriptManager>

answered Jan 18 '22 at 16:22

Rory

159
1
8

Modal Popup Extender Show() Method does not work

4 Answers4