Nguyên tắc thiết lập chung

Navigation:  Các công cụ phát triển phần mềm > Nhập liệu (Data Entry) > Biểu mẫu template (Template Form) > Thành phần của Form nhập liệu >

Nguyên tắc thiết lập chung

Previous pageReturn to chapter overviewNext page
Show/Hide Hidden Text

workflow

 

Để thiết kế một form nhập liệu bạn cần phải thiết lập ở hai nơi:

- Excel template có nhiệm vụ là sắp xếp và lưu form vào cơ sở dữ liệu.

- Form designer nơi bạn thể hiện các ý tưởng sáng tạo cho một form, giúp người dùng nhập dữ liệu theo một cấu trúc định trước.

 

Ở ví dụ form Phiếu thu, để có dòng nhập liệu Lý do thu trên form, thiết lập như sau:

 

Bấm vào đây để xem chi tiết.Thiết lập tại Excel template

 

Các thành phần của Form nhập liệu được đọc từ Excel template

 

Cần phải thực hiện 2 thao tác để chúng có thể hoạt động được trên form, đó là:

 

1. Đặt tên ô

 

Là thao tác bắt buộc, đây chính là tên của ô nhập liệu trên form. Trong ví dụ này chúng tôi đặt tên là lydo

 

textbox03_zoom34

 

tipbulbĐặt tên = Mapping dữ liệu

Đặt tên ô: định nghĩa tên ô nhập liệu trong công cụ thiết kế form.

Mapping: xác định cách dữ liệu từ một form thiết kế tại Excel sẽ được ghi nhận vào cơ sở dữ liệu của Phoebus.

Để hiểu rõ hơn về Mapping dữ liệu, xem tại đây.

 

Bạn có thể thực hiện việc mapping cho form thay vì đặt tên khác cho ô. Ví dụ: thay vì đặt tên ô là lydo, sau đó phải đặt thêm 1 range f__descriptn để mapping dữ liệu. Chỉ cần đặt f__descriptn, thì tại công cụ thiết kế sẽ hiểu tên của ô nhập liệu là descriptn

 

 

2. Unlock ô

 

Nếu unlock thì sẽ cho phép nhập dữ liệu trên form, nếu không unlock thì không thể nhập dữ liệu trên form được.

Bấm tổ hợp phím Ctrl+1 hoặc click chuột phải vào ô chọn Format Cells \ Protection \ bỏ tick vào ô Locked

 

textbox02_zoom24

 

 

Bấm vào đây để xem chi tiết.Thiết lập tại Form Designer

 

Vào Phoebus, mở form để tiến hành thiết kế.

 

Bước 1. Mở Công cụ thiết kế - Customization (bấm chuột phải, chọn Tùy biến Giao diện hoặc nút Layout - Bố cục ở góc phải phía dưới)

Khi bấm nút Layout thì hệ thống sẽ tìm Code của form (đã được định nghĩa ở PBF) để mở đúng form cần thiết kế.

 

Bước 2. Trên công cụ thiết kế sẽ liệt kê danh sách các tên ô đã được đặt tên tại excel template.

Kéo tên ô vào bất kỳ vị trí nào trên form sau đó sắp xếp di chuyển đến vị trí mới nếu cần thiết.

 

Bước 3. Để đặt lại Caption cho ô nhập liệu này bằng cách click chuột phải vào ô Caption \ Rename (Đổi tên)

 

Để hiểu rõ hơn các bước thiết lập này, mời bạn xem hình minh họa dưới đây:

 

thietlapchung01_zoom20

 

 

Các tùy chỉnh cho một ô nhập liệu (Layout Item Settings)

 

 

Bấm chuột phải vào tên ô nhập liệu để thiết lập

-  Show Text: hiện caption (nếu caption đang ẩn)

-  Hide Text: ẩn caption (nếu caption đang hiện)

 

thietlapchung04_zoom25 thietlapchung05_zoom25

 

 

Bấm chuột phải vào tên ô, chọn Size Constraints \

-  Free sizing: tự do tùy chỉnh kích thước

-  Lock size: không thể tùy chỉnh kích thước

-  Lock Width: khóa tùy chỉnh chiều ngang

-  Lock Height: khóa tùy chỉnh chiều dọc

 

thietlapchung02_zoom25

 

 

Các tùy chỉnh cho Caption của Layout Group hoặc Layout Item như size chữ, in đậm, ... tại

Customization \ Appearance \ AppearanceGroup & AppearanceItemCaption

 

thietlapchung03_zoom25

 

 

Ví dụ khi sử dụng form, phát sinh những khách hàng mới chưa có trong hệ thống, thay vì phải thoát ra, vào chức năng NA (Name and Address) để tạo khách hàng mới thì người dùng có thể bấm vào nút này ngay trên form - liên kết đến chức năng hệ thống hoặc mở ra một form để người dùng nhập vào.

 

Thiết lập tại Customization \ Lookup List \ New Command: 1 trong 2 cách sau

- lookup_code, xem các lookup_code trong hệ thống Phoebus tại đây.

- form?id=[mã form - PBF]

 

thietlapchung07_zoom23 thietlapchung08_zoom25

 

 

thietlapchung09_zoom50

 

Tùy chọn, bạn có thể thêm hình ảnh cho các Caption bằng cách vào:

Customization \ Caption \ Image bấm nút thietlapchung11 và chọn hình lưu từ máy tính.

 

thietlapchung10_zoom23

 

Để thay đổi hình, thực hiện các thao tác như trên.

 

Để xóa hình, vào Customization \ bấm chuột phải vào tên ô và chọn Hide Image

 

thietlapchung12_zoom45

 

 

Phoebus cung cấp tính năng có thể chuyển đổi dễ dàngnhanh chóng từ một Text Box thành các dạng khác như Check Box, MultiOption, Combo.

 

 

Để hiểu rõ hơn về Check Box, xem tại đây.

 

Mở Tùy biến Giao diện sau đó bấm chuột phải vào ô TextBox \ Change editor: TextBox \ Checkbox

 

textbox10_zoom30

 

TextBox đã được chuyển thành Checkbox

 

textbox12_zoom30

 

Để ẩn Caption, click chuột phải chọn Ẩn Nội dung

 

textbox11_zoom75

 

Các thiết lập thường gặp cho Checkbox

 

Caption

 AppearanceItemCaption

Các tùy chỉnh cho Caption.

 Image

Thêm hình ảnh minh họa cho Caption.

Check Style

 CheckStyle

Chọn các kiểu cho ô Checkbox.

 Text

Nhập tên cho ô Checkbox.

 

textbox13_zoom30

 

 

Để hiểu rõ hơn về Multi Option, xem tại đây.

 

Mở Tùy biến Giao diện sau đó bấm chuột phải vào ô TextBox \ Change editor: TextBox \ MultiOption

 

textbox14_zoom30

 

TextBox đã được chuyển thành MultiOption

 

textbox15_zoom30

 

Thiết lập cho MultiOption

 

Mở Tùy biến Giao diện \ Customization \ OptionsStyle \ OptionItems \ bấm vào nút textbox16 để mở bảng dưới đây

 

textbox17

 

Bấm nút Add để thêm và Remove để xóa các lựa chọn.

 

Misc

Description

Nhập vào diễn giải cho lựa chọn.

Enabled

True.

Value

Giá trị của lựa chọn, Bấm vào nút textbox16 sau đó chọn:

-  Type: click chuột vào để chọn String

-  Value: Nhập vào giá trị

 

textbox18

 

Kết quả sẽ được MultiOption như sau:

textbox18

 

 

 

Để hiểu rõ hơn về Combo Box, xem tại đây.

 

Mở Tùy biến Giao diện sau đó bấm chuột phải vào ô TextBox \ Change editor: TextBox \ Combo

 

textbox19_zoom30

 

Để ẩn Đổi tên Caption, click chuột phải chọn Đổi tên

 

textbox20_zoom60

 

Sau đó thiết lập cho Combo Box tại Tùy biến Giao diện \ Customization \ LookupList \ LookupCode: lookup_code

 

lookup_code là code của các nguồn trong Phoebus hoặc code của một Query được định nghĩa trong chức năng QD.

 

textbox21_zoom30

 

Kết quả sẽ được ComboBox như sau:

 

textbox22