CF Ajax Fonksiyonları CFWINDOW
Gönderen : Candan Bilecen (3:54 PM)
0 yorum - Kategori : Ajax | Coldfusion | Javascript
ColdFusion.Window : Hazır olarak sunulmuş bir çeşit popup penceresidir.Kapatılabilir, boyutları değiştirelebilir, taşınabilir ve tabiî ki Ajax ile kontrol edilebilir hemen bir örnek uygulama yapalım.
<cfform name="test">
<cfinput type="button" name="x" value="Create Window"
onClick="ColdFusion.Window.create('Window1', 'This is a CF window',
'http://localhost:8500/My_stuff/AjaxUI/Book/hello1.cfm',
{x:600,y:100,height:300,width:400,modal:false,closable:false,
draggable:false,resizable:true,center:false,initshow:true,
minheight:200,minwidth:200 })">
</cfform>
Bu kod bize adı Window1 başlığı This is a CF window olan hello1.cfm sayfasını içine yerleştiren bir pencere oluşturur.Diğer özellikleri adından anlaşılacağı üzere ColdFusion ekibi tarafından isimlendirilmiştir fakat Modal özelliğinden bahsetmeliyim Modal özelliği pencere oluşturulduğu andan itibaren sayfa içindeki hiçbir kontrole erişmenize izin vermez pencereyi kapatmanız yada Modal özelliğini false etmeniz zorunlu bir hale getirilmiştir.Bir örnek daha yapalım ve pencereyi nasıl gizleriz gösteririz görelim..
pencereler.cfm adında bir sayfa oluşturalım.
<html>
<head>
<script>
<!--
//pencere2'nin parametleri
var config =
{x:250,y:300,height:300,width:300,modal:false,closable:false,
draggable:true,resizable:true,initshow:false,minheight:200,minwidth:200
}
-->
</script>
</head>
<body>
<!--- Sayfa yüklenirken kendimiz bir pencere oluşturuyoruz. --->
<cfwindow name="pencere1" title="Kendi Penceremiz" draggable="false"
resizable="false" initshow="true" height="250" width="250" x=375 y=0>
<p>
Pencere1 içeriği
</p>
</cfwindow>
<form>
<input type="button" value="Göster"
onClick="ColdFusion.Window.show('pencere1')"><!--- pencereyi göster --->
<input type="button" value="Gizle"
onClick="ColdFusion.Window.hide('pencere1')">><!--- pencereyi gizle --->
<br />
<br>
<input type="button" value="Pencere2 Oluştur"
onClick="ColdFusion.Window.create('pencere2', 'JavaScript Window',
'pencere2.cfm', config)">
<!---Kullanıcının oluşturduğu pencere , pencere2.cfm'i içerisine getirecek ve config değişkeninde belirlediğimiz parametreleri alacak. --->
<input type="button" value="Pencere2 Goster"
onClick="ColdFusion.Window.show('pencere2')">
<input type="button" value="Pencere2 Gizle"
onClick="ColdFusion.Window.hide('pencere2')">
</form>
</body>
</html>
pencere2 adındaki penceremizin içine yerleştirilecek olan pencere2.cfm sayfasını yapalım.
<cfoutput>
<p>
Pencere2'nin içeriği.
</p>
</cfoutput>
ColdFusion.Window.show/hide seçenelerini kullanmadanda JavaScript tarafında pencerelerimizi gösterip gizleyebiliriz.Bu örneğimizide bitirmiş olduk şimdi submitForm ajaxproxy fonksiyonlarına benzeyen ColdFusion.navigate özelliğine bir göz atalım..
