UserPickerControlSchema
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 user theo cơ cấu tổ chức.
Cách dùng
Import
Import vào đầu file .ts cần sử dụng
import { UserPickerControlSchema } from 'tnx-shared';
Cách dùng cơ bản
UserPickerControlSchema được thêm vào trong this.setting.schema khi khởi tạo form.
...
ngOnInit() {
...
this.setting.schema = [
new UserPickerControlSchema({
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 UserPickerControlSchema({
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
},
...
}),
...
]
...
}
...