Các cải tiến đối với API JavaScript VTAP

Chúng tôi vui mừng thông báo những cải tiến đáng kể đối với API JavaScript VTAP, được thiết kế để trao quyền cho các nhà phát triển và đối tác làm việc với Vtiger CRM.

Những cải tiến này tập trung vào việc nâng cao tính linh hoạt và chức năng của nền tảng, đặc biệt là trong mô-đun Sự kiện và API Bản ghi liên quan. Dưới đây, chúng tôi phác thảo các bản cập nhật quan trọng cho phép bạn tạo nhiều giải pháp CRM năng động và đáp ứng.

Cải tiến 1: Hỗ trợ các trường bổ sung trong API Bản ghi liên quan

Chúng tôi đã mở rộng API Bản ghi liên quan VTAP để bao gồm hỗ trợ cho ngoại trường tham số, cho phép bạn truy xuất các trường bổ sung ngoài các trường mặc định được cung cấp. Cải tiến này mang lại sự linh hoạt hơn khi làm việc với các bản ghi liên quan, cho phép tương tác dữ liệu phong phú hơn.

VTAP.Detail.RevedRecords

API này tìm nạp các bản ghi liên quan cho một mô-đun nhất định. Theo mặc định, nó bao gồm các trường được bật cho Tạo nhanh, Tiêu đề, v.v. Với tính năng mới ngoại trường tham số, giờ đây bạn có thể chỉ định các trường bổ sung sẽ được đưa vào phản hồi, cung cấp thông tin chi tiết hơn về dữ liệu liên quan.

Trường hợp sử dụng mẫu: Giả sử bạn đang làm việc với mô-đun Danh bạ và muốn truy xuất các bản ghi Trường hợp liên quan bao gồm các trường như trường hợp kênhslastatus, không phải là một phần của phản hồi mặc định. Giờ đây, bạn có thể dễ dàng đưa các trường này vào yêu cầu API của mình:


  

VTAP.Detail.RelatedRecords("Cases", { 'extrafields': ['casechannel', 'slastatus'] })

    .then((case_records) => {

        // Process the retrieved case records with extra fields

    });


  

VTAP.Detail.RelatedRecords("Cases", { 'extrafields': ['casechannel', 'slastatus'] })

    .then((case_records) => {

        // Process the retrieved case records with extra fields

    });

 

Cải tiến 2: Hỗ trợ cột nhãn trong API Bản ghi liên quan

Ngoài những cải tiến ở trên, chúng tôi cũng đã thêm hỗ trợ cho cột nhãn trong API Bản ghi liên quan VTAP. Cải tiến này cho phép bạn đưa tên (nhãn) bản ghi vào phản hồi API, giúp việc xác định và làm việc với các bản ghi liên quan trở nên dễ dàng hơn.

VTAP.Detail.Record

Trước đây, API Bản ghi liên quan không hỗ trợ việc đưa cột nhãn chứa tên của bản ghi. Giờ đây, bằng cách sử dụng tham số trường ngoại vi, bạn có thể yêu cầu nhãn này trong lệnh gọi API của mình.

Trường hợp sử dụng mẫu: Khi tìm nạp các bản ghi Trường hợp liên quan, bạn có thể muốn bao gồm tên của bản ghi để dễ nhận biết. Chỉ cần chuyển nhãn dưới dạng trường bổ sung:

 

Cải tiến 2: Hỗ trợ cột nhãn trong API Bản ghi liên quan

Ngoài những cải tiến ở trên, chúng tôi cũng đã thêm hỗ trợ cho cột nhãn trong API Bản ghi liên quan VTAP. Cải tiến này cho phép bạn đưa tên (nhãn) bản ghi vào phản hồi API, giúp việc xác định và làm việc với các bản ghi liên quan trở nên dễ dàng hơn.

VTAP.Detail.Record

Trước đây, API Bản ghi liên quan không hỗ trợ việc đưa cột nhãn chứa tên của bản ghi. Giờ đây, bằng cách sử dụng tham số trường ngoại vi, bạn có thể yêu cầu nhãn này trong lệnh gọi API của mình.

Trường hợp sử dụng mẫu: Khi tìm nạp các bản ghi Trường hợp liên quan, bạn có thể muốn bao gồm tên của bản ghi để dễ nhận biết. Chỉ cần chuyển nhãn dưới dạng trường bổ sung:


  

VTAP.Detail.RelatedRecords("Cases", { 'extrafields': ['label'] })

    .then((case_records) => {

        // The response now includes the label (name) of each case

    });


  

VTAP.Detail.RelatedRecords("Cases", { 'extrafields': ['label'] })

    .then((case_records) => {

        // The response now includes the label (name) of each case

    });

 

Những cải tiến này là một phần trong cam kết liên tục của chúng tôi nhằm cung cấp cho bạn các công cụ mạnh mẽ để xây dựng các ứng dụng năng động, cấp doanh nghiệp trên nền tảng Vtiger CRM. Chúng tôi khuyến khích bạn khám phá những tính năng mới này và tích hợp chúng vào các dự án của bạn để nâng cao trải nghiệm tổng thể của người dùng.

Hãy theo dõi để biết thêm thông tin cập nhật và chúc bạn viết mã vui vẻ!

 

Những cải tiến này là một phần trong cam kết liên tục của chúng tôi nhằm cung cấp cho bạn các công cụ mạnh mẽ để xây dựng các ứng dụng năng động, cấp doanh nghiệp trên nền tảng Vtiger CRM. Chúng tôi khuyến khích bạn khám phá những tính năng mới này và tích hợp chúng vào các dự án của bạn để nâng cao trải nghiệm tổng thể của người dùng.

Hãy theo dõi để biết thêm thông tin cập nhật và chúc bạn viết mã vui vẻ!

 
 
 

Trường hợp sử dụng khách hàng VTAP

 
 

Một khách hàng đã yêu cầu không hiển thị khối Người được mời trong mô-đun Sự kiện cho các sự kiện thuộc loại tùy chỉnh ngoài Cuộc gọi và Cuộc họp. Nó chiếm không gian trên màn hình và không được sử dụng cho các sự kiện loại tùy chỉnh được sử dụng cho các sự kiện nội bộ.

Xử lý sự kiện nâng cao trong mô-đun sự kiện

API sự kiện VTAP hiện bao gồm khả năng kiểm soát mức độ hiển thị của khối Người được mời trong mô-đun Sự kiện. Cải tiến này cho phép kiểm soát chính xác giao diện người dùng, phù hợp với nhu cầu cụ thể của ứng dụng của bạn.

  • VTAP.Event.Register: Chức năng này cho phép bạn đăng ký các sự kiện phía máy khách và nhận lệnh gọi lại khi những sự kiện này xảy ra trong giao diện người dùng. Một danh sách đầy đủ các sự kiện được hỗ trợ có sẵn ở đây.
  • VTAP.Event.Trigger: Chức năng này buộc thực hiện các sự kiện do Vtiger UI cung cấp. Chúng tôi đã giới thiệu hai sự kiện mới để hiển thị và ẩn khối Người được mời trong mô-đun Sự kiện:
  • EVENT_SHOW_INVITEES: Kích hoạt hiển thị khối Người được mời.
  • EVENT_HIDE_INVITEES: Ẩn khối Người được mời.

Bạn có thể tận dụng những sự kiện này để tự động kiểm soát mức độ hiển thị dựa trên thông tin đầu vào của người dùng. Đối với các loại hoạt động khác, bạn có thể ẩn khối Người được mời để đơn giản hóa trải nghiệm người dùng.

Tạo tập lệnh VTAP cho mô-đun Sự kiện với tên Người được mời và sao chép chức năng bên dưới để ẩn khối Người được mời cho Loại Hoạt động ngoài Cuộc họp và Cuộc gọi:

 

Một khách hàng đã yêu cầu không hiển thị khối Người được mời trong mô-đun Sự kiện cho các sự kiện thuộc loại tùy chỉnh ngoài Cuộc gọi và Cuộc họp. Nó chiếm không gian trên màn hình và không được sử dụng cho các sự kiện loại tùy chỉnh được sử dụng cho các sự kiện nội bộ.

Xử lý sự kiện nâng cao trong mô-đun sự kiện

API sự kiện VTAP hiện bao gồm khả năng kiểm soát mức độ hiển thị của khối Người được mời trong mô-đun Sự kiện. Cải tiến này cho phép kiểm soát chính xác giao diện người dùng, phù hợp với nhu cầu cụ thể của ứng dụng của bạn.

  • VTAP.Event.Register: Chức năng này cho phép bạn đăng ký các sự kiện phía máy khách và nhận lệnh gọi lại khi những sự kiện này xảy ra trong giao diện người dùng. Một danh sách đầy đủ các sự kiện được hỗ trợ có sẵn ở đây.
  • VTAP.Event.Trigger: Chức năng này buộc thực hiện các sự kiện do Vtiger UI cung cấp. Chúng tôi đã giới thiệu hai sự kiện mới để hiển thị và ẩn khối Người được mời trong mô-đun Sự kiện:
  • EVENT_SHOW_INVITEES: Kích hoạt hiển thị khối Người được mời.
  • EVENT_HIDE_INVITEES: Ẩn khối Người được mời.

Bạn có thể tận dụng những sự kiện này để tự động kiểm soát mức độ hiển thị dựa trên thông tin đầu vào của người dùng. Đối với các loại hoạt động khác, bạn có thể ẩn khối Người được mời để đơn giản hóa trải nghiệm người dùng.

Tạo tập lệnh VTAP cho mô-đun Sự kiện với tên Người được mời và sao chép chức năng bên dưới để ẩn khối Người được mời cho Loại Hoạt động ngoài Cuộc họp và Cuộc gọi:


  

var Events_Component_Invitess = VTAP.Component.Core.extend({

    mounted() {

        VTAP.Event.Register("CREATE_MODAL_SHOWN", (data) => { this.observeEventsFormActivityType(data); });

        VTAP.Event.Register("EDIT_MODAL_SHOWN", (data) => { this.observeEventsFormActivityType(data); });

    },

    methods : {

        observeEventsFormActivityType(data) {

            if (data.module == "Events") {

                setTimeout(() => {

                    var element = jQuery('select[name="activitytype"]');

                    if (element.length) {

                        this.handleEventsFormActivityType(element.get(0).value);

                        element.on('change', () => { this.handleEventsFormActivityType(element.get(0).value); }); /* changes */

                    } else {

                        if(data && data.record) {

                            VTAP.Api.Get('records', {

                                'module': 'Events',

                                'id': data.record

                            }, (error, response) => {

                                this.handleEventsFormActivityType(response.activitytype);

                            });

                        }

                    }

                }, 500);

            }

        },

        handleEventsFormActivityType(activityType) {

            if (activityType == "Call" || activityType == "Meeting") {

                VTAP.Event.Trigger("EVENT_SHOW_INVITEES");

            } else {

                VTAP.Event.Trigger("EVENT_HIDE_INVITEES");

            }

        }

    }

});


  

var Events_Component_Invitess = VTAP.Component.Core.extend({

    mounted() {

        VTAP.Event.Register("CREATE_MODAL_SHOWN", (data) => { this.observeEventsFormActivityType(data); });

        VTAP.Event.Register("EDIT_MODAL_SHOWN", (data) => { this.observeEventsFormActivityType(data); });

    },

    methods : {

        observeEventsFormActivityType(data) {

            if (data.module == "Events") {

                setTimeout(() => {

                    var element = jQuery('select[name="activitytype"]');

                    if (element.length) {

                        this.handleEventsFormActivityType(element.get(0).value);

                        element.on('change', () => { this.handleEventsFormActivityType(element.get(0).value); }); /* changes */

                    } else {

                        if(data && data.record) {

                            VTAP.Api.Get('records', {

                                'module': 'Events',

                                'id': data.record

                            }, (error, response) => {

                                this.handleEventsFormActivityType(response.activitytype);

                            });

                        }

                    }

                }, 500);

            }

        },

        handleEventsFormActivityType(activityType) {

            if (activityType == "Call" || activityType == "Meeting") {

                VTAP.Event.Trigger("EVENT_SHOW_INVITEES");

            } else {

                VTAP.Event.Trigger("EVENT_HIDE_INVITEES");

            }

        }

    }

});

 
 

Đăng ký để nhận thông tin cập nhật mới nhất!