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

Web Sayfasının Hangi Tarayıcıda Çalıştığını Bulma

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

Visual Studio 2019 Programında c# İle Hazırlanan Web Projesini Local Sunucuda Yayınlama

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

Update Panel İçinde Button Click Çalışmıyor Hatasını Düzeltme

Web Tabanlı Uygulama Geliştirme Dersi İkinci Dönem İkinci Yazılı Çalışma Soruları

Ajax Modal Popup Kullanarak GridView İçindeki Bir Kaydı Listeleyip Güncelleme

Bir Otobüs Firmasına Ait Bilet Satış İşlemlerini Class(Sınıf) Tanımlayarak Yapan c# Form Uygulaması

Microsoft Visual Studio Live Share Nedir? Nasıl Kullanılır?

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

Web Uygulamalarında SqLite Kullanımı

Visual Studio 2022 Programında Asp.Net Core Empty RazorPage Web Projesi Oluşturma

Visual Studio 2022 Programında Asp.Net Core Web Projesi Oluşturma

Ayt 123 Sorusunu Core MVC Teknolojisini Kullanarak Çözümünü Bulma

Core Mvc Projesinde Birden Fazla Veriyi Tuple Nesnesiyle Gönderen Uygulama

Core Mvc Uygulamasında Sanal Data Kullanarak Personel Bilgilerini İşleyen Web Projesi Oluşturma1

Restful Http Get, Post, Put ve Delete İşlemlerini Veri Tabanı Üzerinde Gerçekleştirme

Derslerden Alınan Notları TempData Kullanarak Listeleyen Core Mvc Uygulaması

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama1

Core Mvc Projesinde SqlServer Kullanarak Üye Takibi Yapan Web Projesini Tasarlama2