2013-09-03 27 views
6

ASP.NET geliştirmeye göreceli olarak yeniyim, şu ana kadar işleri basit tutmayı başardım ama şimdi biraz daha karmaşık bir gereksinim var ve şu ana kadar çok fazla neşe almıyorum.jQuery kullanarak ASP.NET'te modal form

Temelde, yeni bir kullanıcı eklemek için bir düğmeye tıklandığında kalıcı bir form oluşturmak istiyorum, bu yüzden aradığım şey gibi bir şey olduğunu düşündüğüm this on the jQuery site buldum ama Bunu bir ASP.NET projesine/sayfasına eklemek için uygun yolun ne olduğunu bulmaya çalışmak gerçekten zor.

Her türlü tavsiye çok takdir edilecektir!

cevap

11

jQuery ve jQuery UI'a bir başvuru eklemeniz gerekir.

Ardından gibi sizin iletişim için bir kapsayıcı yapmak gerekir: Bu durumda, iletişim oluşturmak gerekir

<div id="dialog"> 
    <p> 
     Your content here 
    </p> 
</div> 

, yani DOM yükler zaman:

$(document).ready(function() { 
    $("#dialog").dialog({ autoOpen: false, height: 200, width: 200 }); 
    }); 

Sonra açmak için senin Bir buton ile diyaloğa basit bir HTML ekleyebilir ve jQuery aracılığıyla ekleyebilirsiniz. Sonra

<input type="button" ID="btnDialog" value="Click here to open the dialog" /> 

jQuery eklemek:

$("#btnDialog").click(function() { 
    $("#dialog").dialog("open"); 
}); 

JS Fiddle: http://jsfiddle.net/VtZYD/

jQuery olun jQuery UI

gibi bu sizin <head> yerleştirilmelidir yanı yüklenir bölüm:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src=http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

Ayrıca link etiketini kullanarak CSS dosya içerebilir: Kalın olduğu için üzgünüm bu @ darren-Davies için

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
+0

Teşekkür, ama nereye Javascript nereye koyardınız? Üzerinde çalışıyorum aspx sayfasının Baş içeriği bölümünde kodunuzu bir

İlgili konular