Nút điều hướng (Navigation Button)

Navigation:  Các công cụ phát triển phần mềm > Nhập liệu (Data Entry) > Biểu mẫu tính năng (Function Form) > Công cụ thiết kế form >

Nút điều hướng (Navigation Button)

Previous pageReturn to chapter overviewNext page
Show/Hide Hidden Text

Navigation - Các nút Điều hướng trong form là gì?

Trong các form tính năng của Phoebus, khi mở một mẫu tin để xem và muốn chuyển sang mẫu tin trước hoặc sau đó, người dùng phải đóng cửa sổ của mẫu tin đang mở để trở về trang Info List của form; từ đây mới có thể chọn được các mẫu tin khác để xem.

Điều này khá bất tiện và mất thời gian cho người sử dụng khi họ có yêu cầu xem hoặc di chuyển nhanh đến các mẫu tin đang có trong các tính năng của phần mềm.

Phoebus từ phiên bản 4.5.4.743 trở đi, cho phép người thiết kế tạo các nút điều hướng ngay trên giao diện của form. Có 2 loại nút điều hướng có thể sử dụng trên form là:

4 nút điều hướng First - Previous - Next - Last (Đầu tiên - Trước đó - Tiếp theo - Cuối cùng)

Navigation Position - nút điều hướng vị trí, tìm kiếm và mở bất kỳ mẫu tin nào.

Navigation_001

 

Ưu điểm của các nút điều hướng này là:

Liên kết nhanh với các mẫu tin trước/sau, đầu tiên/cuối cùng có trong kiểu dữ liệu đang truy cập.

Thuận tiện cho người dùng, có thể chọn và di chuyển nhanh đến các mẫu tin cần mở ngay lập tức.

 

Ví dụ, trong tính năng Account - Hệ tài khoản của Phoebus, người thiết kế tạo các nút điều hướng như sau:

navigation_002_zoom25

4 nút điều hướng icon-First icon-Previous icon-Next icon-Last dùng để di chuyển đến các tài khoản đầu tiên/trước đó/kế tiếp/cuối cùng.

Nút icon-Search Search  - dùng để tìm kiếm và mở bất kỳ tài khoản nào.

 

Cách thiết lập các nút điều hướng

Sử dụng Simple Button trong form để tạo các nút điều hướng. Bật chế độ thiết kế "design", kéo thả các Simple Button vào vị trí cần đặt các nút điều hướng.

navigation_003_zoom20

Cách thiết lập cần thiết cho Simple Button như sau:

navigation_004_zoom54

 Items

 Diễn giải

DisplayText

Tên hiển thị cho nút điều hướng nếu cần thiết.

Image

Chọn hình ảnh hiển thị cho nút điều hướng nếu cần thiết, trong ví dụ của bài viết này, tác giả dùng icon có kích thước 24x24 pixel.

ImageAligment

Tùy chỉnh vị trí của hình ảnh.

ToolTip

Các gợi ý sử dụng hiển thị khi rê chuột vào vị trí nút điều hướng.

CommandUrl

Nhập vào các lệnh để chạy nút điều hướng tương ứng.

First

Previous

Next

Last

NavPosition?__________

 

Chi tiết các thiết lập cho các loại nút điều hướng được hướng dẫn cụ thể dưới đây:

<%EXTOGGLE%>First - Previous - Next - Last

Các nút điều hướng icon-First icon-Previous icon-Next icon-Last được thiết lập tại Tùy biến giao diện\4. Commands\CommandUrl như sau:

 Nút

 CommandUrl

 Diễn giải

  icon-First

First

  Di chuyển đến mẫu tin đầu tiên trong danh sách.

  icon-Previous

Previous

  Từ mẫu tin đang mở, di chuyển đến mẫu tin trước đó trong danh sách.

  icon-Next

Next

  Từ mẫu tin đang mở, di chuyển đến mẫu tin kế tiếp trong danh sách.

  icon-Last

Last

  Di chuyển đến mẫu tin cuối cùng trong danh sách.

 

<%EXTOGGLE%>Navigation Position

Đối với nút điều hướng Navigation Position cần kết hợp với chức năng Survey (pbs.BO.Forms.SRV) để tạo câu hỏi: cần di chuyển đến mẫu tin nào đang có trong danh sách của kiểu dữ liệu.

Nút điều hướng icon-Search Search được thiết lập tại Tùy biến giao diện\4. Commands\CommandUrl như sau:

NavPosition?KeyField=[Q___]&$Survey=SurveyCode

NavPosition?

Lệnh để chạy Navigation Position.

KeyField

Khai báo khóa chính của kiểu dữ liệu nguồn, ví dụ:

ContactId=____ nếu kiểu dữ liệu là Contact

EmplCode=____ nếu kiểu dữ liệu là Employee

AccntCode=____ nếu kiểu dữ liệu là Account

...

Q____

Mã số câu hỏi trong Survey.

SurveyCode

Mã Survey.

 

Ví dụ, tạo nút điều hướng để di chuyển đến bất kỳ tài khoản nào được chọn từ danh sách tài khoản trên form.

1. Vào tính năng Survey (pbs.BO.Forms.SRV) để tạo Survey hỏi chọn Tài khoản cần di chuyển đến.

navigation_005_zoom20

2. Trở lại tính năng Account (pbs.BO.LA.CA) để thiết lập trên nút điều hướng icon-Search Search như sau

Tùy biến giao diện\4. Commands\CommandUrl: NavPosition?AccntCode=[Q001]&$Survey=ACC

navigation_006_zoom42

3. Cuối cùng, khi bấm vào nút icon-Search Search trên form nhập tài khoản sẽ xuất hiện cửa sổ hỏi tài khoản cần di chuyển đến.

navigation_007_zoom20

 

 

________________________

Updated date: 15/03/2016