Formlar › Form Tasarımcısı › Form Öğesi İşlevleri › Temel İşlevlerle Basit Bir Form Oluşturma

Temel İşlevlerle Basit Bir Form Oluşturma

Bu örnekte, üç ana bölgede (California, Pennsylvania ve North Carolina) faaliyet gösteren bir şirket için bir form hazırlıyorsunuz. Her eyalette, şirketin, şehrin adıyla tanımlanan birincil ve ikincil bir ofis konumu var. Şirket ilkesini uygulamaktan sorumlu paydaşlar bu formun aşağıdaki iş gereksinimlerini karşılamasını istiyorlar:

• California'dan kaynaklanan tüm işler varsayılan olarak Anaheim ofisine yönlendirilmeli.
• Pennsylvania'dan kaynaklanan tüm işler varsayılan olarak Philadelphia ofisine yönlendirilmeli.
• North Carolina'dan kaynaklanan tüm işler varsayılan olarak Raleigh ofisine yönlendirilmeli.
• Diğer eyaletlerden kaynaklanan tüm işler varsayılan olarak Pittsburgh ofisine yönlendirilmeli.
• Kullanıcının başka bir eyalet veya şehir belirtme seçeneği vardır.

Örnek: Temel Bir Form

Şu adımları izleyin:

1. Kütüphane sekmesini tıklatın.
2. Bir Etkileşim İsteği Formu nesnesi oluşturun veya bu örnek yordamda kullanmak için var olan bir formu bulun.
3. Form nesnesini çift tıklatın.

   Etkileşim İsteği Formu iletişim kutusu, veya Form Tasarımcısı, ekrana gelir.

4. Form nesnesi kullanıma alınmamışsa, Kullanıma Al'ı tıklatın.
5. Form Öğeleri bölmesinde, aşağıdaki girişleri genişletin:
   1. Form Öğeleri
   2. Formunuz (örneğin, Etkileşim_İsteği_Formu_4)
   3. Sayfa Düzeni
   4. Sayfa
6. Sayfa'yı tıklatın.
7. Araç çubuğunda Yeniden Adlandır'ı tıklatın.
8. Konum: adını girip Tamam'ı tıklatın.
9. Form bölmesindeki bir Seçim alanını Konum sayfasına sürükleyin.
10. 9. Adımı yineleyin.

    Konum sayfa düzeninizin altında iki Seçim alanı görünür.

11. Form bölmesinde aşağıdaki eylemleri gerçekleştirin:
    1. Üç Seçim Seçeneğini birinci Seçim alanına sürükleyin.
    2. Altı Seçim Seçeneğini ikinci Seçim alanına sürükleyin.
12. Aşağıdaki form öğelerinin her birini tıklatın ve ardından her nesneyi belirtilen şekilde yeniden adlandırmak için Yeniden Adlandır'ı tıklatın:
    1. Birinci Seçim alanını State olarak yeniden adlandırın.
       • Birinci seçeneği CA olarak yeniden adlandırın.
       • İkinci seçeneği PA olarak yeniden adlandırın.
       • Üçüncü seçeneği NC olarak yeniden adlandırın.
    2. İkinci Seçim alanını City olarak yeniden adlandırın.
       • Birinci seçeneği Anaheim olarak yeniden adlandırın.
       • İkinci seçeneği Los Angeles olarak yeniden adlandırın.
       • Üçüncü seçeneği Pittsburgh olarak yeniden adlandırın.
       • Dördüncü seçeneği Philadelphia olarak yeniden adlandırın.
       • Beşinci seçeneği Charlotte olarak yeniden adlandırın.
       • Altıncı seçeneği Raleigh olarak yeniden adlandırın.
13. Aşağıdaki form öğelerinin her birini tıklatın ve Özellikler (Ad ve Değer) bölmesinde aşağıdaki özellik ayarlarını yapın.
    1. State için:
       • Adı State olarak ayarlayın.
       • onChange olayı değerini ca_fd.js.selectRegion() olarak ayarlayın.
       • CA seçeneğinin değerini California olarak ayarlayın.
       • PA seçeneğinin değerini Pennsylvania olarak ayarlayın.
       • NC seçeneğinin değerini North Carolina olarak ayarlayın.
    2. City için:
       • Adı City olarak ayarlayın.
       • Her şehir seçeneğinin değer özelliğini şehir adı olarak ayarlayın. Örneğin, Anaheim'ı Anaheim, Los Angeles'ı Los Angeles olarak ayarlayın.
14. Form Öğeleri bölmesinde, formunuzun adını tıklattıktan sonra, araç çubuğunda Komut Dosyası'nı tıklatın.

    Komut Dosyası iletişim kutusu açılır.

15. Aşağıdaki kodu kopyalayıp Komut dosyası düzenleyicisi'ne yapıştırın:

    {
     selectRegion: function() 
      {
    	var selectedState = ca_pam_getSelectedOptionValues('Form.State')[0];
     
    	if(selectedState == 'North Carolina') 
    	 {
    	  ca_pam_selectOption('Form.City', 'Raleigh', 'Raleigh', true);
    	 }
    	else if(selectedState == 'California')
    	 {
    	  ca_pam_selectOption('Form.City', 'Anaheim', 'Anaheim', true);
    	 }
    	else if(selectedState == 'Pennsylvania')
    	 {
    	  ca_pam_selectOption('Form.City', 'Philadelphia', 'Philadelphia', true);
    	 }
    	else
    	 {
    	  ca_pam_selectOption('Form.City', 'Pittsburgh', 'Pittsburgh', true);
    	 }
      }
    }
    

16. Kaydet'i tıklatın. Komut Dosyası iletişim kutusu kapatılır.
17. Form Tasarımcısında Kaydet'i tıklatın.
18. Önizleme sekmesini tıklatın.
19. Elde ettiğiniz sonuçların aşağıdaki şekil ve tabloda yer alan örnek sonuçlara ve değerlere benzer olduğunu doğrulayın: