NumberRangeControlSchema
Hình ảnh / Demo
Mục đích
Dùng để tạo 2 ô input nhập số lượng, số tiền min-max trong form.
Cách dùng
Import
Import vào đầu file .ts cần sử dụng
import { NumberRangeControlSchema } from 'tnx-shared';
Cách dùng cơ bản
NumberRangeControlSchema được thêm vào trong this.setting.schema khi khởi tạo form.
...
ngOnInit() {
...
this.setting.schema = [
new NumberRangeControlSchema({
label: 'Giá tối thiểu-tối đa',
field: 'rangeMoney',
}),
...
]
...
}
...
Tùy chỉnh cho phép nhập số thập phân
new NumberRangeControlSchema({
label: 'Giá tối thiểu-tối đa',
field: 'rangeMoney',
maskType: 'decimal',
decimalPlaces: 3 // tùy chỉnh số sau dấu phẩy
}),
Sự kiện
new NumberRangeControlSchema({
label: 'Giá tối thiểu-tối đa1',
field: 'rangeMoney',
maskType: 'decimal',
decimalPlaces: 5,
onChanged: (eventData: EventData) => {
console.log(eventData);
if (this.model.data.property || <>) {
evt.formControls['other control name'].hidden = true;
} else {
evt.formControls['other control name'].hidden = false;
}
},
}),