2010-12-14 42 views
0

j'utilise modal popup extender pour montrer mes détails dans une autre fenêtre séparée c'est un panneau contient quelques contrôles le problème est :: quand je clique sur mon bouton qui contient :: la méthode Show() la page parent juste gelée et aucune popup n'apparaît du tout de l'autre côté j'ai une vue de grille quand je clique sur le dernier bouton dessus la popup apparaît où les autres boutons sur la grille affichent le même comportement que mon premier bouton, je ne savoir quel est le problème de ma visibilité de panneau = vrai et aucun paramètre dans mon code derrière .. je regarde la source et je trouve le panneau avec son contenu alors pourquoi la fenêtre popup doesnot apparaît .. je recherche beaucoup mais je ne trouve pas une solution à mon problème .. mon aspx ::problème d'extension popup modale

<asp:Panel id="master_editMode" runat="server" >      
       <div id="masterDiv" style="width:98%" dir="rtl"> 
        <div id="masterControls" align="center"> 
        <table border="0" width="98%"> 


         <tr> 
          <td align="center" dir="rtl"> 
           <asp:ObjectDataSource ID="ObjDS_AllTasks" runat="server" 
            SelectMethod="Get_All_Tasks" TypeName="DocumentFlowModuleDTO.TaskDTO"> 
           </asp:ObjectDataSource> 
           <asp:HiddenField ID="hd_Task_Code" runat="server" /> 
           <table> 
            <tr> 
             <td> 
              <asp:Label ID="Label11" runat="server" Text="Search for Task" Visible="False"></asp:Label> 
             </td> 
             <td align="right"> 
              <asp:TextBox ID="txt_Search" runat="server" AutoPostBack="True" 
               ontextchanged="txt_Search_TextChanged" Width="200px" Visible="False"></asp:TextBox> 
             </td> 
             <td> 
              &nbsp;</td> 
            </tr> 
            <tr> 
             <td colspan="3"> 


              <asp:GridView ID="grd_AllTasks" runat="server" AllowPaging="True" 
               AutoGenerateColumns="False" CssClass="Alternating" DataKeyNames="task_code" 
               DataSourceID="ObjDS_AllTasks" 
               onpageindexchanging="grd_AllTasks_PageIndexChanging" 
               onrowdatabound="grd_AllTasks_RowDataBound" style="margin-right: 0px"> 
               <RowStyle VerticalAlign="Top" /> 

                HeaderText="ÍÐÝ"> 
                 <ItemTemplate> 
                  <asp:ImageButton ID="btn_Delete_Task" runat="server" 
                   CommandArgument="<%# Bind('task_code') %>" Height="33px" 
                   ImageUrl="~/Images/delete.png" oncommand="btn_Delete_Task_Command" 
                   Width="67px" /> 
                  <cc1:ConfirmButtonExtender ID="btn_Delete_Task_ConfirmButtonExtender" 
                   runat="server" ConfirmText="åá ÊÑíÏ ÍÐÝ æËíÞÉ ÇáÇÚÊãÇÏ ¿" Enabled="True" 
                   TargetControlID="btn_Delete_Task"> 
                  </cc1:ConfirmButtonExtender> 
                 </ItemTemplate> 
                </asp:TemplateField> 
               </Columns> 
               <HeaderStyle HorizontalAlign="Right" /> 
              </asp:GridView> 
             </td> 
            </tr> 
           </table> 
          </td> 
         </tr> 
         <tr> 
          <td align="right" dir="rtl"> 
           <asp:Label ID="lbl_TaskName" runat="server" Font-Bold="True" Font-Size="13pt"></asp:Label> 
          </td> 
         </tr> 
         <tr> 
          <td align="center" dir="rtl" style="height: 196px"> 
           <table> 
            <tr> 
             <td align="left"> 
              <asp:Label ID="lbl_No_States" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label> 
             </td> 
             <td align="right"> 
              <asp:ImageButton ID="btn_AddStatesToTask" runat="server" 
               ImageUrl="Images/add.png" onclick="btn_AddStatesToTask_Click" Visible="False" /> 

              <asp:Button ID="Dummy_btn2" runat="server" Text="Button" Style="display:none;" /> 
              <cc1:ModalPopupExtender ID="btn_AddStatesToTask_ModalPopupExtender" 
               runat="server" 
               TargetControlID="Dummy_btn2" 
               BackgroundCssClass="modalBackground" 
               PopupControlID="pnl_Add_States" 
               DropShadow="True"> 
              </cc1:ModalPopupExtender> 
             </td> 
            </tr> 
           </table> 
           <asp:HiddenField ID="hd_StateSerial" runat="server" /> 
           <asp:HiddenField ID="hd_StateRowIndex" runat="server" /> 
           <asp:GridView ID="grd_States" runat="server" AllowPaging="True" DataKeyNames="state_serial" 
            onpageindexchanging="grd_States_PageIndexChanging" Visible="False" 
            CssClass="Alternating" AutoGenerateColumns="False"> 
            <Columns> 
             <asp:BoundField DataField="state_name" HeaderText="ÇáãÑÍáÉ" 
              ShowHeader="False" /> 
             <asp:BoundField DataField="state_order" HeaderText="ÊÑÊíÈ ÇáãÑÍáÉ" 
              ShowHeader="False" /> 
             <asp:TemplateField HeaderText="Power" ShowHeader="False"> 
              <EditItemTemplate> 
               <asp:CheckBox ID="CheckBox1" runat="server" /> 
              </EditItemTemplate> 
              <ItemTemplate> 
               <asp:CheckBox ID="chb_StatePower" runat="server" 
                Checked='<%# Convert.ToBoolean(Eval("power_flag")) %>' Enabled="False" /> 
              </ItemTemplate> 
              <ItemStyle Width="40px" /> 
             </asp:TemplateField> 
             <asp:TemplateField HeaderText="New" ShowHeader="False"> 
              <EditItemTemplate> 
               <asp:CheckBox ID="CheckBox3" runat="server" /> 


               <asp:Button ID="Dummy_btn4" runat="server" Text="Button" Style="display:none;" /> 

                  <cc1:ModalPopupExtender ID="btn_TaskState_Edit_ModalPopupExtender" runat="server" 
                  TargetControlID="Dummy_btn4" 
                  BackgroundCssClass="modalBackground" 
                  PopupControlID="pnl_Add_States" 
                  DropShadow="True"> 
                  </cc1:ModalPopupExtender> 

              </ItemTemplate> 
             </asp:TemplateField> 
             <asp:TemplateField HeaderText="ÍÐÝ" ShowHeader="False"> 
              <ItemTemplate> 
               <asp:ImageButton ID="btn_TaskState_Delete" runat="server" 
                CommandArgument="<%# Bind('state_serial') %>" Height="26px" 
                ImageUrl="~/Images/delete.png" oncommand="btn_TaskState_Delete_Command" 
                Width="47px" /> 
               <cc1:ConfirmButtonExtender ID="btn_TaskState_Delete_ConfirmButtonExtender" 
                runat="server" ConfirmText="åá ÊÑíÏ ÍÐÝ ÇáãÑÍáÉ ¿" Enabled="True" 
                TargetControlID="btn_TaskState_Delete"> 
               </cc1:ConfirmButtonExtender> 
              </ItemTemplate> 
             </asp:TemplateField> 
            </Columns> 
           </asp:GridView> 
          </td> 
         </tr> 
         <tr> 
          <td> 
           <asp:ObjectDataSource ID="ObjectDataSource_States" runat="server" 
            SelectMethod="Select_TaskStates" TypeName="DocumentFlowModule.DTO.TaskStateDTO"> 
            <SelectParameters> 
             <asp:Parameter Name="task_code" Type="Int32" /> 
            </SelectParameters> 
           </asp:ObjectDataSource> 
          </td> 
         </tr> 
        </table> 
        </div> 
       </div> 
      </asp:Panel> 


     <asp:Panel ID="pnl_Add_Task" runat="server" CssClass="modalPopup"><%-- Style="display:none;"--%> 
      <div id="div3" style="width: 95%"> 
       <div id="div4" align="center"> 
        <table> 
         <tr> 
         <td> 
          <asp:UpdatePanel ID="UpPnl1" runat="server"> 
           <ContentTemplate> 
            <table dir="rtl" style="text-align: right"> 
             <tr bgcolor="#f1ece2"> 
              <th align="right" height="35" valign="middle" colspan="3"> 
               <asp:Label ID="lbl_New_Task" runat="server" Font-Bold="False" Font-Size="14pt" 
                Text="ÅÖÇÝÉ æËíÞÉ ÇÚÊãÇÏ" Visible="False"></asp:Label> 
               <asp:Label ID="lbl_Edit_Task" runat="server" Font-Bold="False" Font-Size="14pt" 
                Text="ÊÚÏíá æËíÞÉ ÇÚÊãÇÏ" Visible="False"></asp:Label> 
              </th> 
             </tr> 
             <tr> 
              <td class="title" width="160"> 

               <asp:Label ID="Label1" runat="server" Text="Task Name"></asp:Label> 

              </td> 
              <td style="width: 140px"> 

               <asp:TextBox ID="txt_TaskName" runat="server"></asp:TextBox> 

              </td> 
              <td> 

               <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                ControlToValidate="txt_TaskName" ErrorMessage="*" ValidationGroup="G1"></asp:RequiredFieldValidator> 

              </td> 
             </tr> 
             <tr> 
              <td class="title" width="160"> 

               <asp:Label ID="Label10" runat="server" Text="DataBase Name"></asp:Label> 

              </td> 
              <td style="width: 140px"> 


               <asp:DropDownList ID="ddl_DataBases" runat="server" AutoPostBack="True" 
                ondatabound="ddl_DataBases_DataBound" 
                onselectedindexchanged="ddl_DataBases_SelectedIndexChanged"> 
               </asp:DropDownList> 


              </td> 
              <td> 


               <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                ControlToValidate="ddl_DataBases" ErrorMessage="*" InitialValue="--Select--" 
                ValidationGroup="G1"></asp:RequiredFieldValidator> 


              </td> 
             </tr> 
             <tr> 
              <td class="title" width="160"> 

               <asp:Label ID="Label2" runat="server" Text="Table Name"></asp:Label> 
              </td> 
              <td style="width: 140px"> 
              <asp:DropDownList ID="ddl_Tables" runat="server" AutoPostBack="True" 
                  ondatabound="ddl_Tables_DataBound" 
                  onselectedindexchanged="ddl_Tables_SelectedIndexChanged"> 
                 </asp:DropDownList> 

              </td> 
              <td> 
              <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                  ControlToValidate="ddl_Tables" ErrorMessage="*" InitialValue="--Select--" 
                  ValidationGroup="G1"></asp:RequiredFieldValidator> 
              </td> 
             </tr> 
             <tr> 
                    <td class="title" width="160"> 

                     <asp:Label ID="Label17" runat="server" Text="Table Key"></asp:Label> 

                    </td> 

                    <td style="width: 140px"> 
                     <asp:Label ID="lbl_Key" runat="server"></asp:Label> 
                     <asp:CheckBoxList ID="cbl_Columns" runat="server"> 
                     </asp:CheckBoxList> 
                    </td> 

                    <td> 

                     <asp:Label ID="lbl_Select_Key" runat="server" ForeColor="Red"></asp:Label> 

                    </td> 
                   </tr> 

             <tr> 
                    <td class="title" width="160"> 

                     <asp:Label ID="Label18" runat="server" Text="Current Record State"></asp:Label> 

                    </td> 

                    <td style="width: 140px"> 
                     <asp:DropDownList ID="ddl_Columns" runat="server" AutoPostBack="True" 
                      ondatabound="ddl_Columns_DataBound"> 
                     </asp:DropDownList> 
                    </td> 

                    <td> 

                     <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                      ControlToValidate="ddl_Columns" ErrorMessage="*" InitialValue="--Select--" 
                      ValidationGroup="G1"></asp:RequiredFieldValidator> 
                    </td> 
                   </tr> 
             <tr> 
              <td class="title" width="160"> 
               <asp:Label ID="Label5" runat="server" Text="Form View "></asp:Label> 
              </td> 
              <td style="width: 140px"> 
               <asp:TextBox ID="txt_F_View" runat="server"></asp:TextBox> 
              </td> 
              <td> 
               <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                ControlToValidate="txt_F_View" ErrorMessage="*" InitialValue="--Select--" 
                ValidationGroup="G1"></asp:RequiredFieldValidator> 
              </td> 
             </tr> 
             <tr> 
              <td class="title" width="160"> 
               <asp:Label ID="Label6" runat="server" Text="Form New"></asp:Label> 
              </td> 

              </td> 
             </tr>           

          </table> 
       </ContentTemplate> 

       </asp:UpdatePanel> 
       </td> 
       </tr> 
       <tr>         
           <td dir="rtl" align="center"> 
            <asp:ImageButton ID="btn_OK" runat="server" ImageUrl="~/Images/add.png" 
             onclick="btn_OK_Click" ValidationGroup="G1" Visible="False" /> 
            <asp:ImageButton ID="btn_Edit" runat="server" ImageUrl="~/Images/edit.png" 
             onclick="btn_Edit_Click" ValidationGroup="G1" Visible="False" /> 
            <asp:ImageButton ID="btn_Cancel_Task" runat="server" CausesValidation="False" 
             Height="36px" ImageUrl="~/Images/cancel.png" onclick="btn_Cancel_Task_Click" /> 
           </td> 
          </tr> 
       </table> 


       </div> 

       </div> 
     </asp:Panel> 

le _Task btn_add ne fait pas mon pop-up apparaissent geler juste la page parent


mes .cs

protected void btn_Add_Task_Click(object sender, EventArgs e) 
    { 

     //AjaxControlToolkit.ModalPopupExtender modal1 = (AjaxControlToolkit.ModalPopupExtender) table1.FindControl("btn_Add_Task_ModalPopupExtender"); 
     //modal1.Show(); 

     grd_States.Visible = false; 
     lbl_No_States.Text = ""; 
     btn_AddStatesToTask.Visible = false; 
     lbl_TaskName.Text = ""; 

     //master_editMode.Visible = true; 

     //pnl_Add_Task.Visible = true; 

     btn_OK.Visible = true; 
     btn_Edit.Visible = false; 
     lbl_New_Task.Visible = true; 
     lbl_Edit_Task.Visible = false; 

     txt_TaskName.Text = ""; 
     ddl_DataBases.ClearSelection(); 
     ddl_Tables.Items.Clear(); 
     ddl_Columns.Items.Clear(); 
     cbl_Columns.Items.Clear(); 
     txt_F_New.Text = ""; 
     txt_F_View.Text = ""; 
     txt_Params.Text = ""; 
     txt_SP_Name.Text = ""; 

     btn_Add_Task_ModalPopupExtender.Show(); 

    } 

merci à l'avance

:: ÉDITÉE

<table align="center" dir="rtl"> <tr> <td > <asp:Button ID="Dummy_btn" runat="server" Text="Button" Style="display:none;" />

           <asp:Button ID="btn_Add_Task" runat="server" Text="ÅÖÇÝÉ æËíÞÉ ÇÚÊãÇÏ ÌÏíÏÉ" 
                onclick="btn_Add_Task_Click" Font-Bold="True" Font-Size="12pt" 
                ForeColor="#0066FF" /> 

               <cc1:ModalPopupExtender ID="btn_Add_Task_ModalPopupExtender" runat="server" 
                TargetControlID="Dummy_btn" 
                PopupControlID="pnl_Add_Task" 
                BackgroundCssClass="modalBackground" 
                DropShadow="True" > 

               </cc1:ModalPopupExtender> 

              </td> 
             </tr> 
            </table>` 
+1

La propriété '' TargetControlID' de votre ModalPopupExtender' pourrait être le problème. Pouvez-vous poster votre balisage de page? –

+1

Je ne trouve pas de 'ModalPopupExtender' nommé' btn_Add_Task_ModalPopupExtender' dans votre balisage. Où est-ce défini? –

+0

désolé je modifie ma réponse, mon aspx est si long donc je dois supprimer plusieurs lignes au milieu de mon aspx thant affecter mon identité de la question .. –

Répondre

1

Si vous voulez que votre pop-up modal à afficher lorsque l'utilisateur clique sur le bouton btn_Add_Task, vous devez définir ce bouton comme TargetControlID de l'extension:

<cc1:ModalPopupExtender ID="btn_Add_Task_ModalPopupExtender" runat="server" 
    TargetControlID="btn_Add_Task" PopupControlID="pnl_Add_Task" 
    BackgroundCssClass="modalBackground" DropShadow="True" /> 

Dans votre code actuel, le menu contextuel modal est déclenché par un bouton nommé Dummy_btn, que je ne trouve pas dans votre balisage, mais qui n'est probablement pas ce que vous voulez.

+0

désolé il existe << c'est juste un bouton fictif que j'utilise pour permettre exécuter mon code côté serveur dans btn_Add_Task quand je fais TargetControlID = "btn_Add_Task" comme d'habitude il suffit d'exécuter le code côté client ,, je recherche à travers le net et je trouve cette astuce pour surmonter mon problème –

+0

@ user418343, voulez-vous dire un bouton click exécute une partie de votre code mais n'affiche pas le popup? –

+0

ouais avec mon code actuel l'état est: lorsque vous cliquez sur ce bouton la page parent sera tourné pour être grisé (gelé) comme nécessaire, lorsque trace le code qu'il passe avec la méthode Show et l'exécuter, mais aucune pop-up apparaît du tout ,, Lorsque je clique sur le dernier bouton de ma grille, il fonctionne finement et apparaît le pop up Je ne sais pas quel est le problème avec mon bouton, en regardant la source je trouve le contenu du panneau dans le popup, j'ai essayé de changer la position la position de mon popup ne change pas du tout. –