Komponenty VDS

VDS oznacza Vtiger Design Systems, który definiuje podstawowe komponenty HTML oferowane przez platformę VTAP. VDS zapewnia komponenty, które są blokami interfejsu użytkownika wielokrotnego użytku.

Komponentów można używać do tworzenia i dostosowywania aplikacji. Można ich używać w dowolnym miejscu — na niestandardowych stronach, widżetach, wyskakujących okienkach lub wewnątrz innych niestandardowych komponentów.

Poniżej znajduje się lista komponentów dostarczanych przez VTAP:

tekst-vds

Zastosowanie: Używane dla pola wprowadzania. Umożliwia użytkownikom wprowadzanie informacji.

Składnia:

Szczegóły atrybutów:
Nazwa aby ustawić dowolną nazwę elementu wejściowego
niepełnosprawny true/false, aby go wyłączyć
zastępca , aby wyświetlić wskazówkę dotyczącą danych wejściowych
typ wejściowy Wszelkie prawidłowe typy danych wejściowych HTML, takie jak adres e-mail, numer itp. (Szczegółowe informacje znajdziesz poniżej).
obowiązkowe aby to pole było obowiązkowe 
model v To jest powiązanie danych vue (reaktywne), można go użyć do ustawienia lub odczytania wartości.

Oprócz tekstu VDS obsługuje również inne typy danych wejściowych. Na przykład: 

  • e-mail vds
  • numer vds
  • vds-procent
  • dziesiętny vds
  • vds-telefon
  • vds-data
  • vds-czas
  • vds-url

Wszystkie te komponenty są różnymi typami danych wejściowych. Mają właściwości typu vds-text, ale mają własne walidacje typów danych wejściowych. 

Lista rozwijana Vds

Użyj: Aby wyświetlić listę rozwijaną z podaną listą elementów

Składnia:

Obsługiwane atrybuty:
Opcje Tablica elementów rozwijanych
wielokrotność prawda/fałsz, aby wyświetlić listę rozwijaną wielokrotnego wyboru
pusta opcja Jeśli chcesz najpierw pokazać pustą opcję
niepełnosprawny prawda fałsz
obowiązkowe prawda fałsz

vds-właściciel

Użyj: Jest to interaktywny komponent, który wyświetli listę rozwijaną użytkowników i grup. Będzie taki sam jak pole Przypisany do w dowolnym module w CRM.

Składnia:

Obsługiwane atrybuty:
tylko-użytkownicy Jeśli chcesz zobaczyć tylko użytkowników na liście rozwijanej
tylko-grupy Jeśli chcesz zobaczyć tylko grupy na liście rozwijanej

pole wyboru vds

Użyj: Aby wyświetlić pole wyboru

Składnia:

przełącznik vds

Użyj: Aby wyświetlić przełącznik

Składnia:

vds-datepicker

Użyj: Aby wyświetlić selektor dat dla dowolnych pól dat.

Składnia:

Obsługiwany atrybut:
format daty Wyświetlany format daty, np. DD-MM-RRRR, MM-DD-RRRR, RRRR-MM-DD

wybór zakresu dat vds

Użyj: Aby wyświetlić selektor dat w celu wybrania zakresu dat

Składnia:

Obsługiwany atrybut:
format daty Wyświetlany format daty, np. DD-MM-RRRR, MM-DD-RRRR, RRRR-MM-DD

vds-timepicker

Użyj: Aby pokazać selektor czasu

Składnia:

Obsługiwany atrybut:
format Format 12- lub 24-godzinny 

vds-rte

Użyj: Aby wyświetlić CKEditor, interfejs użytkownika pola, który widzisz w polu edytora tekstu sformatowanego 

Składnia:

ocena vds

Użyj: Aby wyświetlić pole gwiazdki oceny. Pokaże maksymalnie 5 gwiazdek.

Składnia:

Obsługiwany atrybut:
zasięg Wartość od 1 do 5

vds-iframe

Użyj: Aby wyświetlić ramkę iframe z podaną zawartością HTML

Składnia:

postęp vds

Użyj: Aby pokazać procent postępu

Składnia:

Obsługiwane atrybuty:
wartość % koloru
niestandardowy kod koloru domyślnie postęp będzie wyświetlany na niebiesko, możesz podać dowolną prawidłową nazwę koloru
 
 
 

Przypadek użycia klienta VTAP

 
 

Jeden z naszych klientów używa innej aplikacji do śledzenia swoich projektów i postępów. 

Chcieli zacząć korzystać z projektów Vtiger, ale interfejs użytkownika był jedyną przeszkodą w korzystaniu z projektów Vtiger. Interfejs nie podawał pełnych szczegółów kamieni milowych i zadań na jednym ekranie projektu, tak jak chciał tego klient.

Aby pokonać tę przeszkodę, zaproponowaliśmy następujące rozwiązanie.

Mogą skorzystać z naszej niskokodowej platformy Module Designer do zaprojektowania strony podzielonej na 3 części. 

Pierwsza część pokazywałaby listę projektów, następna część przedstawiałaby kamienie milowe powiązane z wybranym projektem, a trzecia część pokazywałaby zadania powiązane z wybranym projektem i kamienie milowe. Wyglądałoby to podobnie do skrzynki pocztowej programu Outlook, która pokazuje wiadomości e-mail i ich zawartość po prawej stronie. W tym przypadku jego 3-poziomowe wyświetlają szczegóły zadania na końcu.

Aby zbudować tę umiejętność, utworzylibyśmy niestandardową stronę z listą, którą można by dodać za pomocą „LIST_ADD_VIEWTYPE' część. Widzieć tutaj dla przykładu. 

Następnie funkcja VTAP.API.Get zostanie użyta do pobrania danych projektu, kamienia milowego projektu i zadań. Byłyby wyświetlane w oddzielnych kolumnach, ale nadal byłyby ze sobą połączone. Możesz skopiować kod z tutaj zobaczyć to w akcji.
 

Jeden z naszych klientów używa innej aplikacji do śledzenia swoich projektów i postępów. 

Chcieli zacząć korzystać z projektów Vtiger, ale interfejs użytkownika był jedyną przeszkodą w korzystaniu z projektów Vtiger. Interfejs nie podawał pełnych szczegółów kamieni milowych i zadań na jednym ekranie projektu, tak jak chciał tego klient.

Aby pokonać tę przeszkodę, zaproponowaliśmy następujące rozwiązanie.

Mogą skorzystać z naszej niskokodowej platformy Module Designer do zaprojektowania strony podzielonej na 3 części. 

Pierwsza część pokazywałaby listę projektów, następna część przedstawiałaby kamienie milowe powiązane z wybranym projektem, a trzecia część pokazywałaby zadania powiązane z wybranym projektem i kamienie milowe. Wyglądałoby to podobnie do skrzynki pocztowej programu Outlook, która pokazuje wiadomości e-mail i ich zawartość po prawej stronie. W tym przypadku jego 3-poziomowe wyświetlają szczegóły zadania na końcu.

Aby zbudować tę umiejętność, utworzylibyśmy niestandardową stronę z listą, którą można by dodać za pomocą „LIST_ADD_VIEWTYPE' część. Widzieć tutaj dla przykładu. 

Następnie funkcja VTAP.API.Get zostanie użyta do pobrania danych projektu, kamienia milowego projektu i zadań. Byłyby wyświetlane w oddzielnych kolumnach, ale nadal byłyby ze sobą połączone. Możesz skopiować kod z tutaj zobaczyć to w akcji.
 
 

Położenie aplikacji Vtiger 

 

Narzędzia, które lubimy

 
 

Elasticsearch to świetny projekt typu open source, w którym możesz uczestniczyć, jeśli interesujesz się nauką o danych. Może analizować, wyszukiwać i przechowywać duże ilości danych w czasie rzeczywistym. Elasticsearch pomaga swoim użytkownikom wykorzystywać dane na wiele różnych sposobów.
 

Elasticsearch to świetny projekt typu open source, w którym możesz uczestniczyć, jeśli interesujesz się nauką o danych. Może analizować, wyszukiwać i przechowywać duże ilości danych w czasie rzeczywistym. Elasticsearch pomaga swoim użytkownikom wykorzystywać dane na wiele różnych sposobów.
 
 

Coming Soon

 
 

Projektant aplikacji 

Projektant aplikacji Vtiger pozwoli ci tworzyć niestandardowe aplikacje, które mogą, ale nie muszą, zależeć od CRM. Da ci to elastyczność pisania aplikacji w dowolnym frameworku JavaScript, w którym masz doświadczenie.

Dzięki potężnym interfejsom API JavaScript VTAP możesz także łączyć się z CRM i przesyłać/pobierać z niego dane, aby łatwo tworzyć niestandardowe aplikacje.
 

Projektant aplikacji 

Projektant aplikacji Vtiger pozwoli ci tworzyć niestandardowe aplikacje, które mogą, ale nie muszą, zależeć od CRM. Da ci to elastyczność pisania aplikacji w dowolnym frameworku JavaScript, w którym masz doświadczenie.

Dzięki potężnym interfejsom API JavaScript VTAP możesz także łączyć się z CRM i przesyłać/pobierać z niego dane, aby łatwo tworzyć niestandardowe aplikacje.
 
 

Zarejestruj się, aby otrzymywać najnowsze aktualizacje!

 
 

Prawa autorskie 2024 Vtiger. Wszelkie prawa zastrzeżone. Różne znaki handlowe będące własnością ich właścicieli.