Maarif-i Cedid | Yenilikçi Eğitim Portalı

c# Web

Bootstrap 4 Modal Uygulamasında c# Kodlarıyla Butona Olay Yazma

Asp.Net uygulamalarında BootStrap temaları ve komutları tüm safhalarda kullanılabilir. Bu uygulamamızda BootStrap modal penceresini hem sunucu tarafında hem de terminal tarafında nasıl kullanabileceğimizi anlatmaya çalışacağız.

Sunucu tarfında modal penceresini kullanma

Html kodları

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication3.WebForm1" %>

<!DOCTYPE html>

</head>

<body>

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<asp:Button ID="btnSubmit" class="btn-info" runat="server" Text="Submit"

OnClick="btnSubmit_Click"></asp:Button>

</div>

<asp:UpdatePanel ID="upModal" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">

<asp:Label ID="lblModalTitle" runat="server" Text=""></asp:Label></h4>

</div>

<asp:Label ID="lblModalBody" runat="server" Text=""></asp:Label>

</div>

<button class="btn btn-info" data-dismiss="modal" aria-hidden="true">Close</button>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

c# kodları

protected void btnSubmit_Click(object sender, EventArgs e)

{

lblModalTitle.Text = "Validation Errors List for HP7 Citation";

lblModalBody.Text = "This is modal body";

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal();", true);

upModal.Update();

}

Terminal tabanlı çalışması

html kısmı

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication3.WebForm1" %>

<!DOCTYPE html>

function getConfirmation(sender, title, message) {

$("#spnTitle").text(title);

$("#spnMsg").text(message);

$('#modalPopUp').modal('show');

$('#kapat').attr('onclick',

"f();");

$('#btnConfirm').attr('onclick', "$('#modalPopUp').modal('hide');setTimeout(function(){" + $(sender).prop('href') + "}, 50);");

return false;

}

function f() {

$('#<%=litMsg.ClientID%>').text("");

return false;

}

</script>

</head>

<body>

<div>

</h4>

</div>

<p>

<span id="spnMsg"></span>.

</p>

</div>

<button type="button" class="btn btn-default" data-dismiss="modal" id="kapat">Close</button>

Yes, please</button>

</div>

<asp:LinkButton ID="lnkDelete" runat="server" CssClass="btn btn-danger" OnClientClick="return getConfirmation(this, 'Please confirm','Are you sure you want to delete?');" OnClick="lnkDelete_Click">Delete</asp:LinkButton>

<br />

<asp:Label ID="litMsg" Text="" runat="server" />

<%--<asp:Literal ID="litMsg" runat="server"></asp:Literal>--%>

</div>

</form>

</body>

</html>

c# kısmı

protected void lnkDelete_Click(object sender, EventArgs e)

{

litMsg.Text = "Record deleted successfully";

}

Etiketler
youtube youtube sitesinden video nasıl indirilir download indir video ses mp3 tetris oyun web jquery

İlgili Makaleler

Asp.Net Yardımıyla Web Sayfasından JSON Veri Çekme

Visual Studio 2022 Programında Asp.Net Web Application Şablonu Görünmüyor Hatasını Düzeltme

RadioButton ile Cinsiyet Bilgisini Alan Asp.Net c# Uygulaması

Asp.Net Uygulamalarında Sweet Alert Mesaj Kullanımı

Personele Ait Boy ve Kilo Bilgilerine Göre İdeal Kiloyu Bulan Uygulamayı Asp.Net İle Yapınız

Asp.Net Uygulamalarında Modal PopUp Oluşturma

CRUD İşlemlerinde Asenkron(async) Kullanımı

Asp.Net Uygulamalarında Response.Redirect Kullanarak Web Sayfasını Yeni Sekmede Açma

Regular Expressions ve ASP.Net RegularExpression Validator Kullanarak Parola İlkesi Oluşturma

Asp.Net Uygulamasında Manual Olarak JSON Oluşturma

Asp.Net Programında Butonla GridView Nesnesine Yeni Bir Satır Ekleme

C# Uygulamasında Miladi Takvimi Hicri Takvime, Hicri Takvimi Miladi Takvime Dönüştürme

CRUD İşlemlerinde Swagger Kullanımı

Stripe Kullanarak Kredi Kartı ile Ödeme İşlemi Yapan Asp.Net Uygulaması

Sitenin Alexa Dünya Sıralamasını Kodlarla Öğrenme

Asp.Net Platformunda Harici JSON Dosyasından Namaz Vakitlerini Alma

Asp.Net Uygulamalarında Güncel Saati Timer Nesnesiyle Gösterme

Asp.Net Sayfasında jQuery Kullanarak Buton Click Olaylarını Kontrol Etme

ASP.NET Uygulamasında Metin Kutusunda Sadece Kredi/Banka Kartı Numarası Biçimine Nasıl İzin Verilir?

Yıldız Yöntemiyle Tanımlı Olan Birbiriyle İlişkili Tablolara Bilgi Girme Yöntemleri