CoCauToChucPickerControlSchema
Hình ảnh / Demo
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) => {
// Event fire khi thay đổi dữ liệu của danh sách
console.log(eventData);
if (this.model.data.property || <>) {
evt.formControls['other control name'].hidden = true;
} else {
evt.formControls['other control name'].hidden = false;
}
},
onInit: (evt: EventData) => {
// Event fire khi khởi tạo dữ liệu của danh sách
// Do something
},
...
}),
...
]
...
}
...