Nguyên tắc

Để hiển thị giao diện đồ họa, các chức năng cần khai báo hai mục

Field: danh sách các Input Control sẽ dùng (Text, Combo, Check, Date, …)
Layout: cách bố trí các Input Control

Ví dụ minh họa

Khai báo các InputControl sử dụng trên giao diện (Field)

Field
    [Loại field]==[Tên field]
        [Khai báo chi tiết field]

Cách khai báo

Khai báo node field
Dưới node field khai báo DANH SÁCH các Field theo cú pháp [Loại field]==[Tên field].
Dưới mỗi field khai báo các cấu hình chi tiết của Field.
Ví dụ combobox LY_MODULE_TYPE_ID được khai như sau

Field
    Combo==LY_MODULE_TYPE_ID
        Item==SQL
            AddNullValue
            Value==SELECT LY_MODULE_TYPE_ID,NAME FROM LY_MODULE_TYPE ORDER BY NAME

Các loại Field có thể khai

Sinh ra thẻ <input> hỗ trợ nhập dữ liệu text, number.
Các cấu hình có thể khai báo:

Type
- Kiểu: string
- Tác dụng: giá trị thuộc tính type khi sinh tag input. Ví dụ Type==number sẽ sịnh ra tag <input type='number' />
- Mặc định: text
MaxLength
- Kiểu: string
- Tác dụng: giá trị thuộc tính maxlength khi sinh tag input. Ví dụ MaxLength==50 sẽ sịnh ra tag <input maxlength=50 />
ApplyCurrencyFormat
- Kiểu: boolean
- Tác dụng: tự động bổ sung ký tự ',' ngăn cách hàng nghìn, triệu khi nhập giá trị số
ApplyCodeFormat
- Kiểu: boolean
- Tác dụng: tự động chuyển nội dung nhập sang chữ hoa; không cho phép nhập dấu cách, ký tự đặc biệt

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

TextArea

Hiển thị nội dung chi tiết

Password

Hiển thị nội dung chi tiết

Date

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra input control cho phép nhập thời gian (ngày, giờ).
Chú ý

Field DateRange chấp nhận giá trị theo định dạng (l|n)([0-9]+)(d|w|m|q|y) trong đó
- Tham số thứ nhất (l|n): last/next; trước/sau thời điểm hiện tại
- Tham số thứ ba (d|w|m|q|y): ngày, tuần, tháng, quý, năm
- Tham số thứ hai ([0-9]+) số ngày, tuần, tháng, quý, năm trước/sau thời điểm hiện tại
- Ví dụ
  - l0d: hôm nay
  - l1d: hôm qua
  - l2m: 2 tháng trước
  - n0d: hôm nay
  - n1d: ngày mai
  - n2m: 2 tháng sau

Các cấu hình có thể khai báo:

Format
- Kiểu: string
- Tác dụng: định dạng hiển thị. Các thành phần hiển thị gồm
  - %d: ngày
  - %m: tháng
  - %Y: năm
  - %H: giờ
  - %M: phút
  - %S: giây
- Mặc định: %d/%m/%Y
TimePicker
- Kiểu: boolean
- Tác dụng: cho phép nhập giờ/phút/giây hay không

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

DateRange

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra input control cho phép nhập khoảng thời gian (ngày, giờ).
Chú ý

Do giá trị nhập là khoảng thời gian nên đối tượng này sẽ tạo ra 2 giá trị riêng biệt là [tên field]_FROM và [tên field]_TO khi submit form.
Field DateRange chấp nhận giá trị theo định dạng (l|n)([0-9]+)(d|w|m|q|y) trong đó
- Tham số thứ nhất (l|n): last/next; trước/sau thời điểm hiện tại
- Tham số thứ ba (d|w|m|q|y): ngày, tuần, tháng, quý, năm
- Tham số thứ hai ([0-9]+) số ngày, tuần, tháng, quý, năm trước/sau thời điểm hiện tại
- Ví dụ
  - l0d-l0d: hôm nay
  - l1d-l0d: hôm qua
  - l2m-l1m: 2 tháng trước
  - n0d-n0d: hôm nay
  - n0d-n1d: ngày mai
  - n1m-n2m: 2 tháng sau
Bổ sung khai báo kiểu như sau ở file ngôn ngữ để định nghĩa các khoảng thời gian cố định

DateRange
    l0d-l0d==Hôm nay
        Start==moment().startOf('day')
        End==moment().endOf('day')
    l1d-l1d==Hôm qua
        Start==moment().subtract(1, 'day').startOf('day')
        End==moment().subtract(1, 'day').endOf('day')
    l2d-l2d==Hôm kia
        Start==moment().subtract(2, 'day').startOf('day')
        End==moment().subtract(2, 'day').endOf('day')

Các cấu hình có thể khai báo:

Format
- Kiểu: string
- Tác dụng: định dạng hiển thị. Các thành phần hiển thị gồm
  - %d: ngày
  - %m: tháng
  - %Y: năm
  - %H: giờ
  - %M: phút
  - %S: giây
- Mặc định: %d/%m/%Y
TimePicker
- Kiểu: boolean
- Tác dụng: cho phép nhập giờ/phút/giây hay không
MinDate
- Kiểu: string
- Tác dụng: Giá trị thời gian nhỏ nhất mà đối tượng được phép nhập
MaxDate
- Kiểu: string
- Tác dụng: Giá trị thời gian lớn nhất mà đối tượng được phép nhập
DateLimit
- Kiểu: number
- Tác dụng: khoảng thời gian dài nhất mà đối tượng được phép nhập

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

MonthRange

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra input control cho phép nhập khoảng thời gian theo tháng.
Chú ý

Do giá trị nhập là khoảng thời gian nên đối tượng này sẽ tạo ra 2 giá trị riêng biệt là [tên field]_FROM và [tên field]_TO khi submit form.
Field DateRange chấp nhận giá trị theo định dạng (l|n)([0-9]+)(d|w|m|q|y) trong đó
- Tham số thứ nhất (l|n): last/next; trước/sau thời điểm hiện tại
- Tham số thứ ba (d|w|m|q|y): ngày, tuần, tháng, quý, năm
- Tham số thứ hai ([0-9]+) số ngày, tuần, tháng, quý, năm trước/sau thời điểm hiện tại
- Ví dụ
  - l0m-l0m: tháng này
  - l2m-l1m: 2 tháng trước
  - l1y-l1m: năm ngoái
  - n0m-n0m: 2 tháng sau
  - n1m-n2m: 2 tháng sau
  - n1y-n1m: năm sau
Bổ sung khai báo kiểu như sau ở file ngôn ngữ để định nghĩa các khoảng thời gian cố định

MonthRange
    l0m-l0m==Tháng này
        Start==moment().startOf('month')
        End==moment().endOf('month')
    l1m-l1m==Tháng trước
        Start==moment().subtract(1, 'month').startOf('month')
        End==moment().subtract(1, 'month').endOf('month')
    l0q-l0q==Quý này
        Start==moment().startOf('quarter')
        End==moment().endOf('quarter')

Các cấu hình có thể khai báo:

Format
- Kiểu: string
- Tác dụng: định dạng hiển thị. Các thành phần hiển thị gồm
  - %d: ngày
  - %m: tháng
  - %Y: năm
  - %H: giờ
  - %M: phút
  - %S: giây
- Mặc định: %m/%Y
MinDate
- Kiểu: string
- Tác dụng: Giá trị thời gian nhỏ nhất mà đối tượng được phép nhập
MaxDate
- Kiểu: string
- Tác dụng: Giá trị thời gian lớn nhất mà đối tượng được phép nhập
DateLimit
- Kiểu: number
- Tác dụng: khoảng thời gian dài nhất mà đối tượng được phép nhập

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

Location

Hiển thị nội dung chi tiết

Combo

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra giao diện cho phép chọn một hay nhiều giá trị có sẵn.
Chú ý

Trường hợp nhập một giá trị (Multiple==false), giá trị khi submit form sẽ là một String.
Trường hợp nhập nhiều giá trị (Multiple==true)
- Giá trị khi submit form sẽ là một mảng String.
- Giá trị khởi tạo có thể khai báo nhiều giá trị cách nhau bởi dấu ','. Ví dụ Value==VALUE1,VALUE2

Các cấu hình có thể khai báo:

Multiple
- Kiểu: boolean
- Tác dụng: cho phép chọn nhiều giá trị cùng lúc hay không
- Mặc định: false

Item
- Kiểu: list
- Tác dụng: loại dữ liệu để hiển thị lên danh sách chọn. Các giá trị có thể nhập gồm:
  - SQL: danh sách lấy từ CSDL, bằng câu lệnh select
  - Dictionary: danh sách lấy từ file khai báo ngôn ngữ
  - Plain: danh sách khai báo trực tiếp
  - Script: danh sách được tạo từ code javascript
- Mặc định: SQL
Item.AddNullValue
- Kiểu: boolean
- Tác dụng: có điền giá trị trống vào đầu danh sách hay không
- Mặc định: false
Item.Value
- Kiểu: string
- Tác dụng: nội dung câu lệnh sql, script, đường dẫn dic để lấy danh sách dữ liệu
  - Nếu loại là SQL: nội dung câu lệnh sql lấy tra 2 trường giá trị và nội dung hiển thị
  - Nếu loại là Dictionary: đường dẫn đến node khai báo danh sách giá trị của list
  - Nếu loại là Plain: khai báo giá trị và nội dung hiển thị trực tiếp
  - Nếu loại là Script: script sinh ra danh sách giá trị
- Ví dụ

SQL

Item==SQL
    Value==SELECT LY_LAYOUT_ID,NAME FROM LY_LAYOUT ORDER BY NAME

Dictionary

Item==Dictionary
    AddNullValue
    Value==TYPE_TABLE

STATUS_TABLE
    1==Hiệu lực
    0==Hết hiệu lực

Plain

Item==Plain
    AddNullValue
    Value
        1==Hiệu lực
        0==Hết hiệu lực

Script

Item==Script
    Value=:
    :{
        data = new java.util.ArrayList();

        row = new java.util.ArrayList();
        row.add("1");
        row.add("Hiệu lực");
        data.add(row);

        row = new java.util.ArrayList();
        row.add("0");
        row.add("Hết hiệu lực");
        data.add(row);

        data;
    :}

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

Check

Hiển thị nội dung chi tiết

ExternalList

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra giao diện cho phép chọn một hay nhiều giá trị từ chức năng tìm kiếm đã có.
Chú ý

Trường hợp nhập một giá trị (Multiple==false), giá trị khi submit form sẽ là một String.
Trường hợp nhập nhiều giá trị (Multiple==true), giá trị khi submit form sẽ là một mảng String.

Ví dụ

ExternalList==ASSOCIATED_GROUP
    Multiple
    ModuleUrl==/com/ftl/wakadm/adm_group/list.jsp

ExternalList==PARENT_GROUP
    ModuleUrl==/com/ftl/wakadm/adm_group/list.jsp

Các cấu hình có thể khai báo:

ModuleUrl
- Kiểu: string
- Tác dụng: Khai đường dẫn đến chức năng tìm kiếm
Multiple
- Kiểu: boolean
- Tác dụng: cho phép chọn nhiều giá trị cùng lúc hay không
- Mặc định: false
ListAllItem
- Kiểu: boolean
- Tác dụng: thực hiện tìm kiếm ngay khi ấn mở popup hay không
- Mặc định: true

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

Button

Hiển thị nội dung chi tiết

Submit

Hiển thị nội dung chi tiết

Reset

Hiển thị nội dung chi tiết

File

Hiển thị nội dung chi tiết

CheckList

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Sinh ra giao diện cho phép chọn nhiều giá trị có sẵn (dạng check list).
Chú ý

Giá trị khi submit form sẽ là một mảng String.

Ví dụ

CheckList==FK_AGS_AS
    ColumnCount==2
    Item==SQL
        Value==SELECT GROUP_ID,GROUP_NAME FROM ADM_GROUP

Sẽ sinh ra giao diện như sau

Các cấu hình có thể khai báo:

ColumnCount
- Kiểu: number
- Tác dụng: số lượng checkbox hiển thị cùng dòng
- Mặc định: 1

Item
- Kiểu: list
- Tác dụng: loại dữ liệu để hiển thị lên danh sách chọn. Các giá trị có thể nhập gồm:
  - SQL: danh sách lấy từ CSDL, bằng câu lệnh select
  - Dictionary: danh sách lấy từ file khai báo ngôn ngữ
  - Plain: danh sách khai báo trực tiếp
  - Script: danh sách được tạo từ code javascript
- Mặc định: SQL
Item.AddNullValue
- Kiểu: boolean
- Tác dụng: có điền giá trị trống vào đầu danh sách hay không
- Mặc định: false
Item.Value
- Kiểu: string
- Tác dụng: nội dung câu lệnh sql, script, đường dẫn dic để lấy danh sách dữ liệu
  - Nếu loại là SQL: nội dung câu lệnh sql lấy tra 2 trường giá trị và nội dung hiển thị
  - Nếu loại là Dictionary: đường dẫn đến node khai báo danh sách giá trị của list
  - Nếu loại là Plain: khai báo giá trị và nội dung hiển thị trực tiếp
  - Nếu loại là Script: script sinh ra danh sách giá trị
- Ví dụ

SQL

Item==SQL
    Value==SELECT LY_LAYOUT_ID,NAME FROM LY_LAYOUT ORDER BY NAME

Dictionary

Item==Dictionary
    AddNullValue
    Value==TYPE_TABLE

STATUS_TABLE
    1==Hiệu lực
    0==Hết hiệu lực

Plain

Item==Plain
    AddNullValue
    Value
        1==Hiệu lực
        0==Hết hiệu lực

Script

Item==Script
    Value=:
    :{
        data = new java.util.ArrayList();

        row = new java.util.ArrayList();
        row.add("1");
        row.add("Hiệu lực");
        data.add(row);

        row = new java.util.ArrayList();
        row.add("0");
        row.add("Hết hiệu lực");
        data.add(row);

        data;
    :}

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Value
- Kiểu: string
- Tác dụng: giá trị khởi tạo của Field
Trim
- Kiểu: boolean
- Tác dụng: cắt khoảng trắng trước & sau giá trị nhập khi submit form
- Mặc định: false
UnescapeJava
- Kiểu: boolean
- Tác dụng: chuyển các mã hóa ký tự như \n, \t, \u0000, \\ thành ký tự gốc khi submit form
- Mặc định: false
ReadOnly
- Kiểu: boolean
- Tác dụng: có cho phép NSD sửa giá trị của Field hay không
PrepareJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện trước khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
CompleteJs
- Kiểu: string
- Tác dụng: đoạn code javascript thực hiện sau khi tạo đối tượng. Các đoạn text $fieldId$ sẽ được thay thế bằng id thực tế của Field.
LiveValidation

HiddenList

Hiển thị nội dung chi tiết

Table

Hiển thị nội dung chi tiết

FormalTable

Hiển thị nội dung chi tiết

AttrSet

Hiển thị nội dung chi tiết

Custom

Hiển thị nội dung chi tiết

Khai báo cách bố trí các input control lên giao diện (Layout)

WAK hỗ trợ sẵn các cách bố trí sau

Dạng đơn giản (<div>…</div>)
Dạng table (<table>…</table>)
Dạng dropdown
Dạng tab

Một số ví dụ
web/com/ftl/dbutil/detail_table.dic

CssClass==data_table
Layout==Table
    Label==TABLE_CAT
    Control==TABLE_CAT
        BREAK
    Label==TABLE_SCHEM
    Control==TABLE_SCHEM
        BREAK
    Label==TABLE_NAME
    Control==TABLE_NAME
        BREAK
    Label==TABLE_TYPE
    Control==TABLE_TYPE
        BREAK
    Label==REMARKS
    Control==REMARKS

web/com/ftl/dbutil/execute_sql_script.dic

Extra==style="padding:0px;width:100%;"
Layout==Table
    Control==SQL_STATEMENT
        LayoutExtra==style="padding:0px;"
        BREAK
    Panel
        Extra==align="center"
        Layout==Table
            Label==SEPARATOR
            Control==SEPARATOR
            Control==SAVE

web/com/ftl/wakadm/adm_data_type/list.dic

Layout==Simple
    Panel
        Layout==Simple
            Control==KEYWORD
            Panel
                Layout==DropDown
                    Control==DATA_TYPE_ID
                    Control==NAME
                    Control==DESCRIPTION
                    Control==SQL_COMMAND
            Control==GEN_HTML
            Control==GEN_EXCEL
            Control==ADD
            Control==REMOVE_SELECTED

Các cấu hình có thể khai báo:

CssClass
- Kiểu: string
- Tác dụng: tên css class cho thẻ sinh ra
- Ví dụ với CssClass==caption-label, nội dung thẻ sinh sẽ có đoạn class='caption-label'
Extra
- Kiểu: string
- Tác dụng: nội dung các attribute cần bổ sung tạo thẻ <table>, <div>
- Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
Layout
- Kiểu: list
- Tác dụng: kiểu bố trí, các giá trị được chấp nhận gồm
  - Simple: bố trí các đối tượng trong thẻ <div></div>
  - Table: bố trí các đối tượng trong thẻ <table></table>
  - Dropdown: bố trí các đối tượng vào một <div> xổ ra khi ấn nút
  - Tab: bố trí các đối tượng vào các tab
- Mặc định: Table

Dưới node Layout bạn sẽ cần liệt kê danh sách các đối tượng cần bố trí. Với mỗi kiểu bố trí, cách khai báo sẽ có chút khác biệt

Bố trí dạng Simple

Bố trí dạng Table

Bố trí dạng Dropdown

Bố trí dạng Tab

Nội dung có thể khai báo

Hiển thị nội dung chi tiết

Ẩn nội dung chi tiết

Field
    Text
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        LiveValidation
            Presence
                FailureMessage
            Numericality
                Is
                Minimum
                Maximum
                NotANumberMessage
                NotAnIntegerMessage
                WrongNumberMessage
                TooLowMessage
                TooHighMessage
                OnlyInteger
        ReadOnly
        cssClass
        Extra
        MaxLength
        Type
        ApplyCodeFormat
        PrepareJs
        CompleteJs
        Value
    Combo
        Multiple
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        LiveValidation
            Presence
                FailureMessage
        ReadOnly
        cssClass
        Extra
        Item
            AddNullValue
            Value
        PrepareJs
        CompleteJs
        Value
    Check
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        ReadOnly
        cssClass
        Extra
        LiveValidation
        PrepareJs
        CompleteJs
        Value
    Date
        Format
        TimePicker
        LiveValidation
            Presence
                FailureMessage
            DateFormat
                Pattern
                FailureMessage
            DateCompare
                Target
                Format
                ExpectedResult
                FailureMessage
        ReadOnly
        cssClass
        Extra
        PrepareJs
        CompleteJs
        Trim
    ExternalList
        Multiple
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        LiveValidation
            Presence
                FailureMessage
        ReadOnly
        cssClass
        Extra
        ModuleUrl
        ListAllItem
        PopupWidth
        PopupHeight
        OnChangeScript
        PrepareJs
        CompleteJs
        Value
    Table
        Field
            Combo
                Multiple
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                HideHeaderControl
                cssClass
                Extra
                Value
                Item
                    AddNullValue
                    Value
                LiveValidation
                PrepareJs
                CompleteJs
            Text
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                cssClass
                Extra
                MaxLength
                Type
                Value
                ApplyCodeFormat
                LiveValidation
                PrepareJs
                CompleteJs
            TEXT
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                cssClass
                Extra
                MaxLength
                Type
                Value
                ApplyCodeFormat
                LiveValidation
                PrepareJs
                CompleteJs
            TEXT
        LiveValidation
            Presence
        ReadOnly
        cssClass
        Extra
        HideAddButton
        HideRemoveButton
    Submit
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        ReadOnly
        cssClass
        Extra
    Button
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        ReadOnly
        cssClass
        Extra
    TextArea
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        LiveValidation
            Presence
                FailureMessage
        ReadOnly
        cssClass
        Extra
        MaxLength
        PrepareJs
        CompleteJs
        Value
    Password
        Trim
        UnescapeJava
        ApplyCurrencyFormat
        LiveValidation
            Presence
        ReadOnly
        cssClass
        Extra
        MaxLength
        PrepareJs
        CompleteJs
    FormalTable
        SelectionField
        SubmissionField
        RecognitionField
        Field
            Hidden
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                HiddenValue
            Label
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                HiddenValue
                cssClass
                Extra
                EscapeHtml
            Combo
                Multiple
                Trim
                UnescapeJava
                ApplyCurrencyFormat
                ReadOnly
                Visible
                HiddenValue
                HideHeaderControl
                cssClass
                Item
                    AddNullValue
                    Value
                Extra
                LiveValidation
                PrepareJs
                CompleteJs
        LiveValidation
            Presence
        ReadOnly
        cssClass
        Extra
        Item
            Value

Layout
    Label
        DisplayCondition
        ReadOnly
        cssClass
        LayoutExtra
        w
        h
        header
        Extra
        EscapeHtml
        footer
        Break
    Control
        DisplayCondition
        ReadOnly
        cssClass
        LayoutExtra
        w
        h
        header
        footer
        Break
        BREAK
    Panel
        DisplayCondition
        ReadOnly
        cssClass
        LayoutExtra
        w
        h
        header
        Layout