• Tiếng Việt

      • Viết và chạy JS trực tuyến

      Trong NocoBase, RunJS cung cấp một phương pháp mở rộng nhẹ, phù hợp với các tình huống thử nghiệm nhanh, xử lý logic tạm thời, không cần tạo Plugin hoặc sửa đổi mã nguồn, bạn có thể tùy chỉnh giao diện hoặc tương tác cá nhân hóa thông qua JavaScript.

      Thông qua nó, bạn có thể nhập trực tiếp mã JS trong trình thiết kế giao diện để thực hiện:

      • Tùy chỉnh nội dung render (Field, Block, cột, mục v.v.)
      • Tùy chỉnh logic tương tác (nhấp nút, liên kết sự kiện)
      • Kết hợp dữ liệu ngữ cảnh để triển khai hành vi động

      Các tình huống được hỗ trợ

      JS Block

      Thông qua JS để tùy chỉnh render Block, có thể kiểm soát hoàn toàn cấu trúc và kiểu dáng của Block. Phù hợp với các tình huống có độ linh hoạt cao như hiển thị component tùy chỉnh, biểu đồ thống kê, nội dung bên thứ ba.

      20250916105031

      Tài liệu: JS Block

      JS Action

      Thông qua JS để tùy chỉnh logic nhấp của nút Action, có thể thực hiện bất kỳ thao tác front-end hoặc yêu cầu API nào. Ví dụ: tính toán giá trị động, gửi dữ liệu tùy chỉnh, kích hoạt Popup v.v.

      20250916105123

      Tài liệu: JS Action

      JS Field

      Thông qua JS để tùy chỉnh logic render của Field. Có thể hiển thị động kiểu dáng, nội dung hoặc trạng thái khác nhau dựa trên giá trị Field.

      20250916105354

      Tài liệu: JS Field

      JS Item

      Thông qua JS để render một mục độc lập, không gắn với Field cụ thể. Thường được sử dụng để hiển thị khối thông tin tùy chỉnh.

      20250916104848

      Tài liệu: JS Item

      JS Table Column

      Thông qua JS để tùy chỉnh render cột Table. Có thể triển khai logic hiển thị ô phức tạp, ví dụ thanh tiến trình, nhãn trạng thái v.v.

      20250916105443

      Tài liệu: JS Table Column

      Linkage rules (Quy tắc liên kết)

      Trong Form hoặc trang, kiểm soát logic liên kết giữa các Field thông qua JS. Ví dụ: khi một Field thay đổi, sửa đổi động giá trị hoặc tính khả kiến của Field khác.

      20251029114532

      Tài liệu: Quy tắc liên kết

      Eventflow (Event flow)

      Thông qua JS để tùy chỉnh điều kiện kích hoạt và logic thực thi của event flow, xây dựng chuỗi tương tác front-end phức tạp hơn.

      Tài liệu: Event flow