Nishant.Chauhan80 Ответов: 0

Два modalpopextender на одной странице первый modalpop работает нормально но второй modalpop не отображается


two modalpopextender in one page first modalpop work fine but second modalpop not shown


код:- первый код modalpop
                 <cc1:ToolkitScriptManager ID="toolScriptManageer1" runat="server"></cc1:ToolkitScriptManager>  


    <asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False" 
       
        onrowcommand="GridView1_RowCommand" 
        onselectedindexchanged="GridView1_SelectedIndexChanged" EnableModelValidation="True" CellPadding="4" ForeColor="#333333" GridLines="None">
        
        <Columns>
            <asp:ImageField DataImageUrlField="ContentType" ControlStyle-Height="90px" ControlStyle-Width="90px"   HeaderText="Profile_Picture">
                <ControlStyle Height="90px" Width="90px" />
            </asp:ImageField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label25" runat="server" CssClass="Button" ForeColor="White" Text="Name"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblFname17" runat="server" Text='<%#Eval("fname") %>'></asp:Label>
                    <asp:Label ID="lblLname" runat="server" Text='<%#Eval("lname") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label26" runat="server" ForeColor="White" Text="Cell No"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblCell" runat="server" Text='<%#Eval("cellno") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label28" runat="server" ForeColor="White" Text="MailID"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblMail" runat="server" Text='<%#Eval("emailID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label27" runat="server" ForeColor="White" Text="Qualification"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblQua" runat="server" Text='<%#Eval("qua") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button ID="btnDetail" runat="server" BackColor="Black" CommandArgument='<%#Eval("stdID") %>' CommandName="D" Font-Bold="True" ForeColor="White" Text="Detail" Width="60px" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#E3EAEB" />
        <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
        <EditRowStyle BackColor="#7C6F57" />
        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <AlternatingRowStyle BackColor="White" />
    
    </asp:GridView>
    <asp:LinkButton Text="" ID = "lnkFake" runat="server" />
<cc1:ModalPopupExtender ID="mpe" runat="server" PopupControlID="pnlPopup"  TargetControlID="lnkFake"
CancelControlID="btnClose" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Details
    </div>
    <div class="body">

    
   Detailview control bind.........


    
                            </div>
    <div class="footer" align="right">
        <asp:Button ID="btnClose" runat="server" Text="Close" CssClass="button" />
    </div>
</asp:Panel>





второй код modalpop(не работает) :-


 <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
        CellPadding="4" ForeColor="#333333" GridLines="None" 
        onrowcommand="GridView2_RowCommand" 
        onselectedindexchanged="GridView1_SelectedIndexChanged" 
        HorizontalAlign="Center" EnableModelValidation="True">
        <EditRowStyle BackColor="#7C6F57" />
        <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <Columns>
             <asp:ImageField DataImageUrlField="ContentType" ControlStyle-Height="150px" ControlStyle-Width="150px"   HeaderText="Profile_Picture">
                <ControlStyle Height="150px" Width="150px" />
            </asp:ImageField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label30" runat="server" ForeColor="White" Text="Name"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblFname18" runat="server" Text='<%#Eval("fname") %>'></asp:Label>
                    <asp:Label ID="lblLname0" runat="server" Text='<%#Eval("lname") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label31" runat="server" ForeColor="White" Text="Cell No"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblCell0" runat="server" Text='<%#Eval("cellno") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label32" runat="server" ForeColor="White" Text="MailID"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblMail0" runat="server" Text='<%#Eval("emailID") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:Label ID="Label33" runat="server" ForeColor="White" Text="Qualification"></asp:Label>
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:Label ID="lblQua0" runat="server" Text='<%#Eval("qua") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button ID="btnDetail0" runat="server" 
                        CommandArgument='<%#Eval("stdID") %>' CommandName="E" Text="Edit" 
                        BackColor="Black" Font-Bold="True" ForeColor="White" Width="58px" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#E3EAEB" />
        <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
        <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
        <AlternatingRowStyle BackColor="White" />
    </asp:GridView>

     <asp:LinkButton Text="" ID = "LinkButton1" runat="server" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" PopupControlID="Panel1"  TargetControlID="LinkButton1"
CancelControlID="Button2" BackgroundCssClass="modalBackground">
</cc1:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
    <div class="header">
        Details
    </div>
    <div class="body">
   

       detailsview2 control bind.......

    
                            </div>
    <div class="footer" align="right">
        <asp:Button ID="Button2" runat="server" Text="Close" CssClass="button" />
    </div>
</asp:Panel>


Что я уже пробовал:

два modalpopup на одной странице из разных двух gridview

Gerry Schmitz

Так вы думаете, что "больше" всплывающих окон лучше? Каков ваш "максимум"?

"Модальное" по определению является взаимоисключающим. Как работают 2 модальных всплывающих окна? Второй знает о первом ... почему 2, когда можно было бы сделать? Пользователь ненавидит избыточные действия.

Или вы открываете еще один, когда пользователь закрывает его?

Richard Deeming

Как вы запускаете всплывающие окна, учитывая, что цель для обоих является невидимой LinkButton?

Nishant.Chauhan80

Спасибо за ответ, сэр, я не понимаю.

Richard Deeming

В разметке, которую вы разместили здесь, оба модальных расширителя всплывающих окон запускаются LinkButton. Оба LinkButton органы управления имеют свои Text установите значение пустой строки. Таким образом, пользователь не сможет увидеть эти элементы управления и не сможет вызвать всплывающее окно.

Таким образом, вы должны запускать всплывающее окно вручную, либо из Javascript, либо из кода позади.

Но вы не показали нам эту часть кода.

0 Ответов