VDS Bileşenleri

VDS, VTAP platformu tarafından sunulan temel HTML bileşenlerini tanımlayan Vtiger Tasarım Sistemleri anlamına gelir. VDS, yeniden kullanılabilir UI blokları olan bileşenler sağlar.

Uygulamalarınızı oluşturmak ve özelleştirmek için bileşenleri kullanabilirsiniz. Her yerde kullanılabilirler - özel sayfalar, widget'lar, açılır pencereler veya diğer özel bileşenlerin içinde.

VTAP'ın sağladığı bileşenlerin listesi aşağıdadır:

vds-metin

kullanım: Giriş kutusu için kullanılır. Kullanıcıların bilgi girmesine izin verir.

Sözdizimi:

Öznitelik ayrıntıları:
isim giriş elemanına herhangi bir isim ayarlamak için
özürlü doğru/yanlış, devre dışı bırakmak için
Yer tutucu giriş için herhangi bir ipucu göstermek için
giriş tipi E-posta, numara vb. geçerli HTML giriş türleri. (Ayrıntılar için aşağıyı okuyun.)
zorunlu bu alanı zorunlu kılmak için 
v modeli Bu, vue (reaktif) veri bağlamadır, değeri ayarlamak veya okumak için kullanılabilir.

Metnin yanı sıra VDS, diğer giriş türlerini de destekler. Örneğin: 

  • vds-e-posta
  • vds numarası
  • vds yüzdesi
  • vds-ondalık
  • vds-telefon
  • vds-tarihi
  • vds zamanı
  • vds-url'si

Tüm bu bileşenler farklı girdi tipleridir. Bir vds-text tipinin özelliklerine sahiptirler, ancak kendi giriş tipi doğrulamalarıyla birlikte gelirler. 

Vds-açılır menü

kullanın: Belirli bir öğe listesini içeren bir açılır menüyü göstermek için

Sözdizimi:

Desteklenen özellikler:
seçenekleri Açılır öğeler dizisi
çoklu doğru/yanlış, çoklu seçim açılır menüsünü göstermek için
boş seçenek İlk başta boş bir seçenek göstermek istiyorsanız
özürlü doğru / yanlış
zorunlu doğru / yanlış

vds sahibi

kullanın: Kullanıcıları ve grupları açılır liste halinde gösterecek etkileşimli bir bileşendir. CRM'deki herhangi bir modüldeki Atanan alanı ile aynı olacaktır.

Sözdizimi:

Desteklenen özellikler:
sadece-kullanıcılar Açılır listede yalnızca kullanıcıları görmek istiyorsanız
sadece-gruplar Açılır listede yalnızca grupları görmek istiyorsanız

vds onay kutusu

kullanın: Onay kutusu girişini göstermek için

Sözdizimi:

vds anahtarı

kullanın: Bir geçiş göstermek için

Sözdizimi:

vds-tarih seçici

kullanın: Herhangi bir tarih alanı için bir tarih seçici göstermek için.

Sözdizimi:

Desteklenen özellik:
tarih formatı Tarih biçimi GG-AA-YYYY, AA-GG-YYYY, YYYY-AA-GG gibi gösterilecek

vds-tarih aralığı-seçici

kullanın: Tarih aralığı seçmek için bir tarih seçiciyi göstermek için

Sözdizimi:

Desteklenen özellik:
tarih formatı Tarih biçimi GG-AA-YYYY, AA-GG-YYYY, YYYY-AA-GG gibi gösterilecek

vds-zaman seçici

kullanın: Bir zaman seçiciyi göstermek için

Sözdizimi:

Desteklenen özellik:
biçim 12 veya 24 saat formatı 

vds-rte

kullanın: Bir CKEditor'ı göstermek için, zengin metin düzenleyici alanında gördüğünüz alan kullanıcı arabirimi 

Sözdizimi:

vds derecelendirmesi

kullanın: Derecelendirme yıldızı alanını göstermek için. En fazla 5 yıldız gösterecektir.

Sözdizimi:

Desteklenen özellik:
menzil 1 ile 5 arasında değer

vds-iframe

kullanın: Verilen HTML içeriğine sahip bir iframe göstermek için

Sözdizimi:

vds-ilerleme

kullanın: İlerleme yüzdesini göstermek için

Sözdizimi:

Desteklenen özellikler:
değer rengin %'si
özel renk kodu varsayılan olarak ilerleme mavi renkte gösterilir, herhangi bir geçerli renk adını iletebilirsiniz
 
 
 

VTAP Müşteri kullanım örneği

 
 

Müşterilerimizden biri, projelerini ve ilerlemelerini takip etmek için farklı bir uygulama kullanıyor. 

Vtiger Projelerini kullanmaya başlamak istediler, ancak Vtiger Projelerini kullanmanın önündeki tek engel kullanıcı arayüzüydü. Arayüz, müşterinin istediği gibi, bir proje için kilometre taşlarının ve görevlerin tüm detaylarını tek bir ekranda vermiyordu.

Bu engeli aşmak için aşağıdaki çözümü önerdik.

3 parçaya bölünecek bir sayfa tasarlamak için düşük kod platformumuz Modül Tasarımcısını kullanabilirler. 

İlk bölüm bir Proje Listesi gösterecek, sonraki bölüm seçilen Proje ile bağlantılı Kilometre Taşlarını gösterecek ve üçüncü kısım seçilen Proje ve Kilometre Taşlarına bağlı Görevleri gösterecektir. E-postaları ve içeriklerini sağ tarafta gösteren Outlook posta kutusuna benzer. Bu durumda, 3 seviyesi sonunda görev detaylarını gösterir.

Bu yeteneği oluşturmak için, ' kullanılarak eklenebilecek özel bir liste sayfası oluşturacağız.LIST_ADD_VIEWTYPE' bileşen. Görmek okuyun Örneğin. 

Ardından, Proje, Proje Dönüm Noktası ve Görevler verilerini almak için VTAP.API.Get işlevi kullanılacaktır. Ayrı sütunlarda gösterilecekler, ancak yine de birbirine bağlı olacaklar. Kodu şu adresten kopyalayabilirsiniz: okuyun eylem halinde görmek için.
 

Müşterilerimizden biri, projelerini ve ilerlemelerini takip etmek için farklı bir uygulama kullanıyor. 

Vtiger Projelerini kullanmaya başlamak istediler, ancak Vtiger Projelerini kullanmanın önündeki tek engel kullanıcı arayüzüydü. Arayüz, müşterinin istediği gibi, bir proje için kilometre taşlarının ve görevlerin tüm detaylarını tek bir ekranda vermiyordu.

Bu engeli aşmak için aşağıdaki çözümü önerdik.

3 parçaya bölünecek bir sayfa tasarlamak için düşük kod platformumuz Modül Tasarımcısını kullanabilirler. 

İlk bölüm bir Proje Listesi gösterecek, sonraki bölüm seçilen Proje ile bağlantılı Kilometre Taşlarını gösterecek ve üçüncü kısım seçilen Proje ve Kilometre Taşlarına bağlı Görevleri gösterecektir. E-postaları ve içeriklerini sağ tarafta gösteren Outlook posta kutusuna benzer. Bu durumda, 3 seviyesi sonunda görev detaylarını gösterir.

Bu yeteneği oluşturmak için, ' kullanılarak eklenebilecek özel bir liste sayfası oluşturacağız.LIST_ADD_VIEWTYPE' bileşen. Görmek okuyun Örneğin. 

Ardından, Proje, Proje Dönüm Noktası ve Görevler verilerini almak için VTAP.API.Get işlevi kullanılacaktır. Ayrı sütunlarda gösterilecekler, ancak yine de birbirine bağlı olacaklar. Kodu şu adresten kopyalayabilirsiniz: okuyun eylem halinde görmek için.
 
 

Vtiger UYGULAMASI 

 

beğendiğimiz araçlar

 
 

Elasticsearch veri bilimiyle ilgileniyorsanız, katkıda bulunabileceğiniz harika bir açık kaynaklı projedir. Büyük hacimli verileri gerçek zamanlı olarak analiz edebilir, arayabilir ve depolayabilir. Elasticsearch, kullanıcılarının verileri birçok farklı şekilde işe koymalarına yardımcı olur.
 

Elasticsearch veri bilimiyle ilgileniyorsanız, katkıda bulunabileceğiniz harika bir açık kaynaklı projedir. Büyük hacimli verileri gerçek zamanlı olarak analiz edebilir, arayabilir ve depolayabilir. Elasticsearch, kullanıcılarının verileri birçok farklı şekilde işe koymalarına yardımcı olur.
 
 

Yakında

 
 

Uygulama Tasarımcısı 

Vtiger'in Uygulama Tasarımcısı, CRM'ye bağlı olan veya olmayan özel uygulamalar oluşturmanıza olanak tanır. Size, uzmanlığınız olan herhangi bir JavaScript çerçevesinde uygulama yazma esnekliği sağlayacaktır.

Güçlü VTAP JavaScript API'leri ile ayrıca CRM'ye bağlanabilir ve özel uygulamaları kolayca oluşturmak için CRM'den veri aktarabilir/çekebilirsiniz.
 

Uygulama Tasarımcısı 

Vtiger'in Uygulama Tasarımcısı, CRM'ye bağlı olan veya olmayan özel uygulamalar oluşturmanıza olanak tanır. Size, uzmanlığınız olan herhangi bir JavaScript çerçevesinde uygulama yazma esnekliği sağlayacaktır.

Güçlü VTAP JavaScript API'leri ile ayrıca CRM'ye bağlanabilir ve özel uygulamaları kolayca oluşturmak için CRM'den veri aktarabilir/çekebilirsiniz.
 
 

En son güncellemeleri almak için kaydolun!

 
 

Telif hakkı 2024 Vtiger. Her hakkı saklıdır. İlgili sahiplerine ait çeşitli ticari markalar.