comment fermer modal bootstrap à partir de code derrière?
Je suis en train de faire la mise à jour des opérations de modal. Lorsque modal popup sa charge spécifique des données de ligne à laquelle je veux mettre à jour.
Ci-dessous mon code modal:
<form id="form1" runat="server">
<asp:ScriptManager ID="sm1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="up1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="myModal" class="modal fade" role="dialog" runat="server" draggable="auto">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Insert Module</h4>
</div>
<div class="modal-body">
<table class="table table-bordered">
<thead>
<tr>
<td colspan="2" style="text-align: center">
<label>UPDATE EMPLOYEE DETAIL</label>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<label>FIRST NAME</label>
</td>
<td>
<asp:TextBox ID="up_tb1" runat="server"></asp:TextBox>
<ajax:filteredtextboxextender id="FilteredTextBoxExtender7" targetcontrolid="up_tb1" filtertype="UppercaseLetters,LowercaseLetters" runat="server"></ajax:filteredtextboxextender>
</td>
</tr>
<tr>
<td>
<label>MIDDLE NAME</label>
</td>
<td>
<asp:TextBox ID="up_tb2" runat="server"></asp:TextBox>
<ajax:filteredtextboxextender id="FilteredTextBoxExtender8" targetcontrolid="up_tb2" filtertype="UppercaseLetters,LowercaseLetters" runat="server"></ajax:filteredtextboxextender>
</td>
</tr>
<tr>
<td>
<label>LAST NAME</label>
</td>
<td>
<asp:TextBox ID="up_tb3" runat="server"></asp:TextBox>
<ajax:filteredtextboxextender id="FilteredTextBoxExtender9" targetcontrolid="up_tb3" filtertype="UppercaseLetters,LowercaseLetters" runat="server"></ajax:filteredtextboxextender>
</td>
</tr>
<tr>
<td>
<label>EMAIL</label>
</td>
<td>
<asp:TextBox ID="up_tb4" runat="server"></asp:TextBox>
<ajax:filteredtextboxextender id="FilteredTextBoxExtender10" targetcontrolid="up_tb4" filtertype="Numbers, LowercaseLetters, Custom" validchars=".@" runat="server"></ajax:filteredtextboxextender>
</td>
</tr>
<tr>
<td>
<label>DOB</label>
</td>
<td>
<asp:TextBox ID="up_tb5" runat="server" Enabled="false"></asp:TextBox>
<ajax:calendarextender id="CalendarExtender2" runat="server" popupbuttonid="ImageButton1" targetcontrolid="up_tb5"></ajax:calendarextender>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/img/calendar146.png" Width="16px" Height="16px" />
</td>
</tr>
<tr>
<td>
<label>USERNAME</label>
</td>
<td>
<asp:TextBox ID="up_tb6" runat="server"></asp:TextBox>
<ajax:filteredtextboxextender id="FilteredTextBoxExtender12" targetcontrolid="up_tb6" filtertype="Numbers, LowercaseLetters, Custom" validchars=".@" runat="server"></ajax:filteredtextboxextender>
</td>
</tr>
<tr>
<td>
<label>PASSWORD</label>
</td>
<td>
<asp:TextBox ID="up_tb7" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="up_tb8" CssClass="btn btn-success" runat="server" Text="UPDATE" OnClick="up_tb8_Click" />
</td>
</tr>
</tbody>
</table>
<asp:ValidationSummary ID="ValidationSummary2" runat="server"
DisplayMode="BulletList" ShowSummary="true" HeaderText="Errors:" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</form>
Je suis de chargement modal de code derrière et remplir ses champs de code-behind.
Ci-dessous mon code code:
protected void up_tb8_Click(object sender, EventArgs e)
{
var db = new dbDataContext();
Employee emp = new Employee();
db.Sp_Updatevalue(up_id, up_tb1.Text, up_tb2.Text, up_tb3.Text, up_tb4.Text, Convert.ToDateTime(up_tb5.Text), up_tb6.Text, up_tb7.Text);
ScriptManager.RegisterStartupScript(this, this.GetType(), "Pop", "ClosePopup();", true);
}
Lorsque je clique sur mon bouton de mise à jour avec succès exécuter une mise à jour de la procédure stockée et mise à jour des valeurs de la base de données. La Question est lors de la mise à jour des données modales pop fenêtre a disparu, mais ses faibles fond gris encore fixé sur mon écran, je veux fermer la modale correctement lors de mon dossier a été mis à jour et mon gridview rafraîchit et de montrer à mes enregistrements mis à jour.
OriginalL'auteur Ahmer Ali Ahsan | 2016-02-03
Vous devez vous connecter pour publier un commentaire.
Si un contrôle utilisateur (ascx) est enveloppé à l'intérieur du modal, puis ceci:
ne fonctionnera PAS.
Au lieu de ce, vous devez utiliser .Page .
Solution correcte:
OriginalL'auteur Farshid
Vous pouvez modifier votre serveur bouton -
à quelque chose comme cela -
espère que cela va fonctionner
OriginalL'auteur Shankar Babu
Vous pouvez essayer ceci :
Ou vous pouvez définir une ClosePopup Fonction dans votre fichier JS à le faire, et ensuite appeler comme vous le faisiez.
data-dismiss="modal"
attribut à l'intérieur asp.net bouton de son modal fermé correctement, mais ne pas mettre à jour des enregistrements.Avez-vous jamais la question à l'obtention de la toile de fond (gris dim arrière-plan) pour cacher ainsi?
OriginalL'auteur Luis Tellez
J'ai quelque chose de semblable dans mon application. Je me rafraîchir la grille par une nouvelle liaison de données à partir de la base de données sur un clic de bouton. Dans le javascript
closepopup()
fonction, après la fermeture du modal, j'appelle l'événement clic du bouton qui permettra d'actualiser mon datagrid.Vous pouvez créer un bouton caché pour la liaison et effectuer événement click comme je l'ai fait.
Quelques exemple de code:
C'est le bouton actualiser:
Code derrière:
Et lorsque le popup est en cours de fermeture:
Pas la meilleure solution mais ça marche 🙂
OriginalL'auteur AlinaM
Vous pouvez essayer ceci:
Il fonctionne pour moi..!
OriginalL'auteur Subhasis