CoCauToChucPickerControlSchema

Estimated reading: 3 minutes 277 views

Hình ảnh / Demo

Link demo: https://dhgt-canbo.dttt.vn/canbo/tuyendung-dot-thituyen

Mục đích

Tạo một ô input cho phép gợi ý kết quả có thể thêm khi nhập text và có thể chọn giá trị từ danh sách đơn vị.

Cách dùng

Import

Import vào đầu file .ts cần sử dụng

				
					import { CoCauToChucPickerControlSchema } from 'tnx-shared';

Cách dùng cơ bản

CoCauToChucPickerControlSchema được thêm vào trong this.setting.schema khi khởi tạo form.

				
					...
ngOnInit() {
...
    this.setting.schema = [
        new CoCauToChucPickerControlSchema({
            field: 'myField',
            label: 'Trường muốn dùng',
            mdWidth: 12,
            multiple: true
        }),
        ...
    ]
    ...
}
...

Note) Giá trị của control là 1 hoặc nhiều UserId (nếu là nhiều UserId thì value là 1 mảng các UserId)

Thuộc tính

Sự kiện

				
					...
ngOnInit() {
...
    this.setting.schema = [
        new CoCauToChucPickerControlSchema({
            field: 'myField',
            label: 'Trường muốn dùng',
            mdWidth: 12,
            multiple: true,
            onChanged: (evt: EventData) =&gt; {
                // Event fire khi thay đổi dữ liệu của danh sách
                console.log(eventData);
                if (this.model.data.property || &lt;&gt;) {
                    evt.formControls['other control name'].hidden = true;
                } else {
                evt.formControls['other control name'].hidden = false;
                }
            },
            onInit: (evt: EventData) =&gt; {
                // Event fire khi khởi tạo dữ liệu của danh sách
                // Do something
            },
            ...
        }),
        ...
    ]
    ...
}
...

Trang tài liệu Trí Nam