Tablo

Veri bağ tanımı

Genel özellikler sekmesinde görünüm için veri bağ tanımını ayarlayın ya da değiştirin. Tablo görünümü, satırları dolduran bir nesne listesine bağlıdır.

Yapılandırma özellikleri

Yapılandırmaaltında, görünüme ilişkin yapılandırma özelliklerini ayarlayın ya da değiştirin.

Çizelgeye ilişkin görünüm yapılandırma özellikleri aşağıdaki çizelgede listelenir:

Tablo 1. Tablo için görünüm yapılandırma özellikleri

Görünüş yapılandırma özelliği	Açıklama	Veri tipi
Tablo stili	Çizelgenin biçemi. Aşağıdaki seçenekler arasından seçim yapabilirsiniz: Varsayılan (kenarlık yok, açık gri arka plan) Zarif (yatay kenarlıklar, beyaz arka plan) Kenarlı (Hücreler Etrafındaki Kenarlıklar) Çizgili (değişen beyaz ve açık gri arka plandaki satırlar) Beliren satır (imleci üzerine getirirken gri renkte vurgulanmış satır) Yoğunlaştırılmış (azaltılmış hücre dolgusu yoluyla sıkıştırılmış görünüm)	TableStyle
Renk stili	Tablonun renk stili. Renkler, belirtilen temadaki değişkenlere karşılık gelir. Aşağıdaki seçenekler arasından seçim yapabilirsiniz: yok Açık (açık gri) Birincil (koyu mavi) Bilgi (açık mavi) Başarılı (yeşil) Uyarı (turuncu) Tehlike (kırmızı)	TableColorStyle
Seçimi vurgula	Seçilen satırları gölgeler. Renk biçemi yoksa bu seçenek çalışmaz.	Boolean
Genişlik	Tablonun genişliğini belirtir. Genişliği px (piksel), % (yüzde) ya da em birimlerinde belirtebilirsiniz. Örneğin, 50px, 20%ya da 0.4em. Birim tipi belirtilmezse, px varsayılır.	String
Yükseklik	Görünümün yüksekliğini px (piksel) ya da em birimlerinde belirtir. Birim tipi belirtilmezse, px varsayılır. Yükseklik, üstbilgi ya da altbilgiyi içermez. Bir yükseklik belirtirseniz ve satırlar çizelgenin gövdesindeki kullanılabilir dikey alanı aşarsa, gövde düşey olarak kaydırılabilir olur.	String
Sütun üstbilgilerini kaydır	Çizelgenin kullanabileceği alana bağlı olarak kolon üstbilgilerini kaydırmanızı sağlar.	Boolean
Beliren pencereleri göster	Yükseklik belirtilmediğinde tablonun üzerinde beliren menüler ve görünümler görüntülenir. Örneğin, bu seçenek belirlenirse, tablonun üzerinde bir Tarih Saat Seçici görünümü görüntülenir. Tersi durumda, Tarih Saat Seçici tablo hücresine yerleştirilmiştir.	Boolean
Stil üstbilgi ve altbilgisi	Farklı bir üstbilgi ve altbilgi stili uygulamanızı sağlar. Modern stili, örneğin, üstbilgi ve altbilgideki sayfa numaralandırmayı kolaylaştırır.	TableHFStyle

Çizelgeye ilişkin davranış yapılanışı özellikleri aşağıdaki gibi listelenir:

Tablo 2. Tablo için davranış yapılandırma özellikleri

Davranış yapılandırma özelliği	Açıklama	Veri tipi
Seçim kipi	Bir kullanıcının kaç satır seçebileceğini belirtin: Yok Tek Çoklu Çoklu seçim kipindeki bir çizelge için, Tümünü Seç o çizelgeye bağlı tüm verileri seçer.	TableSelectionMode
Sil düğmesini göster	Satır silmek için kullanılan düğmeyi gösterir ya da gizler.	Boolean
Altbilgiyi Göster	Altbilgiyi gösterir ya da gizler. Altbilgi, altbilgi görünümlerinden herhangi biri etkinleştirilmişse de görüntülenir; örneğin, Eklemeyi Göster düğmesi.	Boolean
Ekle düğmesini göster	Satır eklemek için kullanılan düğmeyi gösterir ya da gizler. Çizelge sıralama ya da süzme işlemi ise, yeni eklenen satır çizelgedeki son satır olarak görüntülenmeyebilir ya da sıralama ya da süzme temizleninceye kadar hiç görüntülenmeyebilir. Modern üstbilgi ve altbilgi stilini seçerseniz ve Ekle düğmesini göstermek isterseniz, Altbilgiyi göster seçeneğini de belirlemeniz gerektiğini unutmayın.	Boolean
Tablo istatistiklerini göster	Altbilgide tablo istatistiklerinin görüntülenmesini etkinleştirir. Örneğin, Showing 1 to 5 of 59 entries. Altbilgiyi göster seçeneğini de belirlemeniz gerektiğini unutmayın.	Boolean
Çağrı cihazını göster	Sayfa numarasını gösterir ya da gizler. Sayfalayıcı yalnızca 5 sayfa görüntüler; bu nedenle, ilk sayfa boyutuna ve kayıt sayısına bağlı olarak, sayfalar ardışık olmayabilir (1, 2, 3 ...). Örneğin: Çizelgede toplam 50 giriş vardır ve ilk sayfa boyutu 5 olarak ayarlanır. Gösterilen sayfa numaraları 1, 3, 5, 7, 10 'dur. Kullanıcı, sayfalar arasında sırayla dolaşmak için İleri düğmesini tıklatır ya da sayfalar arasında hızlı bir şekilde hareket etmek için sayfa numarası düğmelerini kullanır. Altbilgiyi göster seçeneğini de belirlemeniz gerektiğini unutmayın.	Boolean
Sayfa boyutlandırıcıyı göster	Bir sayfadaki satırların sayısını görüntüleyen sayfa boyutlandırıcıyı gösterir ya da gizler.	Boolean
İlk sayfa boyutu	Bir sayfada gösterilen satırların sayısı.	Integer
Sütunları yeniden boyutlandır	Kullanıcıların sütun ayırıcıları sürükleyerek sütunları yeniden boyutlandırmasına izin verin.	Boolean
HERHANGİ BİRİ tipinde	Görünüm bir ANY tipi listesine bağlandığında iş nesnesi tanımlaması tipinin belirtimi.	TableANYType

var div = document.createElement("div");
div.innerHTML = cell.row.data["firstName"];
cell.setSortValue(cell.row.data["firstName"]);
return div;

Örnek

var autoObject = [];
autoObject[0] = {};
autoObject[0].name = "Dylan";
autoObject[0].favoriteSport = "Tennis";
autoObject[0].favoritePlayer = "Federer";
autoObject[1] = {};
autoObject[1].name = "Max";
autoObject[1].favoriteSport = "Soccer";
autoObject[1].favoritePlayer = "Messi";
autoObject

İstemci tarafı insan hizmeti, Profiller [] tipinde özel bir profiller değişkenine sahiptir.

İstemci tarafı insan hizmetinde, sayfanın bir kopyasını yaratın ve ilk sayfaya bağlayın. İkinci sayfada, Tablo etiketini Profiller-Coach İki olarak değiştirin.

Görsel gerçekleştirme tipleri

<

Olaylar özelliklerinde görünüm için olay işleyicilerini ayarlayın ya da değiştirin. Olayları programlı olarak ya da kullanıcı görünümle etkileşimde bulunduğunda tetiklenecek şekilde ayarlayabilirsiniz. Olayları tanımlama ve kodlama hakkında bilgi için bkz. Kullanıcı tanımlı olaylar.

Tablo, aşağıdaki olay işleyici tiplerini içerir:

• : Çizelge yüklendiğinde etkinleştirilir. Örneğin:

  me.setPageIndex(0);
  

• : Özel görsel gerçekleştirme seçenekleri (Kolonlar yapılanışında ayarlı) olan bir hücre yüklendiğinde etkinleştirilir. Bu olayı kullanmak için, Render 'ı Columns yapılanışında yapılanış değeri olarak ayarlamanız gerekir. Bu olayı, karmaşık tipler için ayarlamak üzere de kullanabilirsiniz. Örneğin:

  var div = document.createElement("div"); 
  div.innerHTML = cell.row.data[cell.varName]; 
  return div;

• : Satırlar görüntülendiğinde etkinleştirilir. Bu olay yalnızca sayfalı tablolar için geçerlidir. Örneğin:

  alert("All rows have " + (all ? "" : "NOT") + " been loaded");

• : Bu olay, genişletilebilir bir satır yüklendiğinde tetiklenir. Bu olayı kullanmak için genişletilebilir satır yapılandırmasına izin ver seçeneğini etkinleştirmeniz gerekir. Örneğin, satır şu şekilde görsel olarak gerçekleştirildiğinde:

  row.views.forEach(function(view) { switch(view.context.viewid) { case "Text1": view.setData(row.data[varName]); break; case "Text2": view.setData(row.data[varName]); break; } });

  Satır şu şekilde görsel olarak gerçekleştirildiğinde örnek:

  var div = document.createElement("div"); div.innerHTML = row.data[varName] + " " + row.data[varName]; return div;

• : Satır genişlediğinde tetikler. Örneğin:

  ${Service_Call1}.execute();

• : Satır çöktüğünde tetikler. Örneğin:

  alert("Collapsed row has index " + row.recordIndex);

• : Kullanıcı bir satır seçtiğinde etkinleştirilir. Örneğin:

  alert("Selected row has index " + row.recordIndex);

• : Kullanıcı, Çoklu seçim kipinde olan bir çizelgedeki tüm satırları seçmek ya da tüm çizelge satırlarındaki seçimi temizlemek için Tümünü Seç seçeneğini kullandığında etkinleştirilir. Satırların tümünün ya da hiçbirinin seçilmediğini belirtmek için all adlı bir bağlam değişkeni sağlar. Örneğin:

  alert("All rows selected: " + all);

• : Bu olay, kullanıcı tarafından düğme aracılığıyla bir satır eklendiğinde çağrılır. Bir JavaScript nesnesi döndürürse, nesne eklenir, tersi durumda boş bir nesne eklenir. Örneğin:

  alert("New row will be added");

• : Kullanıcı bir kaydı silmek istediğinde etkinleştirilir. Olay geri dönerse, kayıt silinmez. Bu olay, kayıt resmi olarak silinmeden önce kullanıcı onayı gerektirmek için kullanılabilir. Örneğin:

  return confirm("Are you sure you want to delete item " + item.str1);

• : Kullanıcı bir tablo sütunu üstbilgisindeki sıralama simgesini tıklattığında etkinleştirilir. Özel sıralamayı kullanmak ve varsayılan tablo sıralamasını atlamak için geri döner. Özel sıralı bir listeye ayarlamak için bu olayı kullanabilirsiniz. Örneğin:

  alert("Sorting " + col + " column in " + order + " order"); 
  me.context.binding.set("value", myCustomSortedList); 
  return false;

• : Kullanıcı sayfa başına giriş alanına ilişkin değeri değiştirdiğinde etkinleştirilir. Örneğin:

  me.showPager(true); 

• 21.0.2 : Kullanıcı bir sütunu yeniden boyutlandırdığında etkinleştirilir. Örneğin:

  alert("Column resized");

• : Kullanıcı bir sütunu sürükleyip bıraktığında etkinleştirilir.

  alert("Column dropped");

yöntemler

Çizelge için kullanılabilecek yöntemlerle ilgili ayrıntılı bilgi için Çizelge JavaScript API belgesine bakın.

Ek kaynaklar

Coach ya da sayfa yaratma hakkında bilgi için Coach oluşturmabaşlıklı konuya bakın.
Standart özelliklerle ilgili bilgi için (Genel, Yapılandırma, Konumlandırma, Görünürlükve HTML Öznitelikleri) bkz. Özelliklerin görüntülenmesi.