Ảnh minh họa

Code file list.dic

Logic
    HideDetailButton
    FirstFocus==KEYWORD
    KeyField==SUBS_SET_ID
    NameField==NAME
    SearchField==KEYWORD
    SearchFieldCombination==SUBS_SET_ID,CODE,NAME
Field
    Text==KEYWORD
        Trim
    Text==SUBS_SET_ID
        Trim
        Type==number
    Text==CODE
        Trim
        MaxLength==50
    Text==NAME
        Trim
        MaxLength==1024
    Combo==STATUS
        Multiple
        Item==Dictionary
            Value==STATUS_TABLE
    DateRange==CREATED
        Trim
        TimePicker==true
    Text==CREATOR
        Trim
        MaxLength==50
    Submit==GEN_HTML
    Submit==GEN_EXCEL
    Button==ADD
        Extra==!"onclick=\\"create" + action.getId() + "(this);\\""
    Button==IMPORT
        Extra==!"onclick=\\"import" + action.getId() + "(this);\\""
    Button==REMOVE_SELECTED
        Extra==!"onclick=\\"removeSelected" + action.getId() + "(this);\\""
Popup
    Width==440
    Height==286
Layout==Simple
    Panel
        Layout==Simple
            Control==KEYWORD
            Panel
                Layout==DropDown
                    Control==SUBS_SET_ID
                    Control==CODE
                    Control==NAME
                    Control==STATUS
                    Control==CREATED
                    Control==CREATOR
            Control==GEN_HTML
            Control==GEN_EXCEL
            Control==ADD
            #Control==IMPORT
            Control==REMOVE_SELECTED
Query
    TableName==SUBS_SET
    FieldList
        SUBS_SET_ID==SUBS_SET_ID
            Format==#
        CODE==CODE
            OpenHtml==<a href='detail.jsp?pk=$SUBS_SET_ID$'>
            CloseHtml==</a> 
        NAME==NAME
            OpenHtml==<a href='detail.jsp?pk=$SUBS_SET_ID$'>
            CloseHtml==</a> 
        STATUS==STATUS
            MappedValue==STATUS_TABLE
        CREATED==CREATED
        CREATOR==CREATOR
    Condition
        SUBS_SET_ID==SUBS_SET_ID
            Format==SUBS_SET_ID=safe_to_number(?)
        CODE==CODE
            Format==UPPER(CODE) LIKE UPPER('%'||?||'%')
        NAME==NAME
            Format==UPPER(NAME) LIKE UPPER('%'||?||'%')
        STATUS==STATUS
            Format==STATUS IN (?)
        CREATED==CREATED_FROM
            Format==CREATED >= TO_DATE(?,'DD/MM/YYYY HH24:MI:SS')
        CREATED==CREATED_TO
            Format==CREATED <= TO_DATE(?,'DD/MM/YYYY HH24:MI:SS')
        CREATOR==CREATOR
            Format==UPPER(CREATOR) LIKE UPPER('%'||?||'%')
    DefaultOrderField==CREATED
    DefaultOrderType==DESC

#reference /resource/com/ftl/wak/LiveValidationVN.dic
#reference /resource/com/ftl/wak/CommonVN.dic
Title==Danh mục tập tb
Caption==DANH MỤC TẬP TB
SUBS_SET_ID==ID
    Title==ID
CODE==Mã
    Title==Mã
NAME==Tên
    Title==Tên
STATUS==Trạng thái
    Title==0: Uploaded, 1: exported, 2: encrypted
STATUS_TABLE
    0==Tải lên
    1==Chờ mã hóa
    2==Đã mã hóa
CREATED==Giờ tạo
    Title==Giờ tạo
CREATOR==Người tạo
    Title==Người tạo
Message
    Remove==Bạn có thực sự muốn xóa tập tb '<%p>' không?
    RemoveSelected==Bạn có thực sự muốn xóa những tập tb đã chọn không?

File create.dic

Field
    Text==CODE
        Trim
        MaxLength==50
        Extra==required
    Text==NAME
        Trim
        MaxLength==1024
    Combo==CALL_TYPE
        Item==Dictionary
            AddNullValue
            Value==CALL_TYPE_TABLE
    Text==CALL_DESC
        Trim
        MaxLength==50
    Text==CAUSE_INDICATOR
        Trim
        MaxLength==50
    Submit==SAVE
    Button==CLOSE
Layout==Table
    Label==CODE
    Control==CODE
        LayoutExtra==width="260px"
        BREAK
    Label==NAME
    Control==NAME
        BREAK
    Label==CALL_TYPE
    Control==CALL_TYPE
        BREAK
    Label==CALL_DESC
    Control==CALL_DESC
        BREAK
    Label==CAUSE_INDICATOR
    Control==CAUSE_INDICATOR
        BREAK
    Label
    Control==SAVE

#reference /resource/com/ftl/wak/CommonVN.dic
CODE==Mã
NAME==Tên
CALL_TYPE==Loại cuộc gọi
CALL_TYPE_TABLE
    CALL==CALL
    SMS==SMS
    USSD==USSD
CALL_DESC==Tham số
CAUSE_INDICATOR==Mã kết quả

Sinh ra thẻ <div> với nội dung là giá trị của field.
Các cấu hình có thể khai báo:

• EscapeHtml
  • Kiểu: boolean
  • Tác dụng: các ký tự đặc biệt của html có được mã hóa khi đưa vào nội dung thẻ div 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

Sinh ra thẻ <input type='hidden'> để lưu tham số.
Các cấu hình có thể khai báo:

• Value
  • Kiểu: string
  • Tác dụng: giá trị khởi tạo của Field

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

Sinh ra thẻ <textarea> hỗ trợ nhập nội dung text nhiều dòng.
Các cấu hình có thể khai báo:

• MaxLength
  • Kiểu: string
  • Tác dụng: giá trị thuộc tính maxlength khi sinh tag textarea. Ví dụ MaxLength==50 sẽ sịnh ra tag <textarea maxlength=50 />

• 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

Sinh ra thẻ <input type='password'> hỗ trợ nhập nội dung text cần giữ bí mật (các ký tự nhập vào sẽ biết thành ký tự *).
Các cấu hình có thể khai báo:

• 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 />

• 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

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

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')

• 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

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')

• 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

Sinh giao diện nhập địa điểm trên bản đồ thế giới (sử dụng google map).
Chú ý

• Đối tượng này sẽ tạo ra 2 giá trị riêng biệt là [tên field]_LAT và [tên field]_LNG tương ứng với giá trị kinh độ & vỹ độ khi submit form.
• Giá trị mặc định được khai theo cách sau

Value
    Longitude==9.833478
    Latitude==105.5835423

• Zoom
  • Kiểu: number
  • Tác dụng: tỷ lệ phóng bản đồ
  • Mặc định: 15

• 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

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

Item==Dictionary
    AddNullValue
    Value==TYPE_TABLE

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

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

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

Sinh ra thẻ <input type='check'>, với giá trị truyền nhận là true/false.
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ẻ
  • 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

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

• 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

Sinh ra nút bấm (thẻ <input type='button'>).
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ẻ
  • Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
• ReadOnly
  • Kiểu: boolean
  • Tác dụng: có cho phép NSD sửa giá trị của Field hay không

Sinh ra nút submit (thẻ <input type='submit'>) thực hiện submit form lên server.
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ẻ
  • Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
• ReadOnly
  • Kiểu: boolean
  • Tác dụng: có cho phép NSD sửa giá trị của Field hay không

Sinh ra nút Reset (thẻ <input type='reset'>) hỗ trợ xóa nội dung form để nhập lại.
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ẻ
  • Ví dụ với Extra==style='width:120px;', nội dung thẻ sinh sẽ có đoạn style='width:120px;'
• ReadOnly
  • Kiểu: boolean
  • Tác dụng: có cho phép NSD sửa giá trị của Field hay không

Sinh ra giao diện cho phép chọn file để upload lên server.
Chú ý:

• Bạn cần khai báo FormContentType==multipart/form-data trước node Layout để server có thể đọc nội dung file.

Ví dụ

Field
    File==FILE
    Submit==SAVE
        CssClass==field_submit
FormContentType==multipart/form-data
Layout==Table
    Label==FILE
    Control==FILE
        BREAK
    Label
    Control==SAVE

• 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

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

• 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

Item==Dictionary
    AddNullValue
    Value==TYPE_TABLE

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

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

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

Sinh ra các thẻ <input type='hidden'> để lưu tham số, mỗi thẻ có value một giá trị bạn muốn lưu.
Chú ý

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

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

• Value
  • Kiểu: string
  • Tác dụng: giá trị khởi tạo của Field

Hỗ trợ tạo một đối tượng nhập liệu hoàn toàn mới mà wak chưa có sẵn.
Ví dụ HTML5 hỗ trợ nhập số dạng range, bạn có thể tạo ra như sau
Tạo file source/com/ftl/wak/FieldNumberRangeGenerator.java với nội dung

package com.ftl.wak;

import com.ftl.wak.html.*;

public class FieldNumberRangeGenerator extends ElementGeneratorBase
{
    @Override
    public void generate(Context ctx) throws Exception
    {
        ctx.append("<input type='range' ").appendId().appendName()
                .appendCssClass().appendReadOnly().appendPlaceHolder()
                .appendTitle().appendExtra().appendConfig("MaxLength","maxlength")
                .appendInitialValue().append(" />");
    }
}

Field
    Custom==NUMBER_OF_DAY
        GeneratorClass==com.ftl.wak.FieldNumberRangeGenerator
        Trim

• GeneratorClass
  • Kiểu: string
  • Tác dụng: tên class implement ElementGenerator dùng để sinh ra code html tạo nên đối tượng. Class cũng có thể implement cả ParameterParserFactory để xử lý giá trị đối tượng submit lên.