node_modules/aurelia-validation/dist/commonjs/property-info.d.ts(3,11): error TS2451: Cannot redeclare block-scoped variable 'getContextFor'.
Does aurelia-validation require that every "property" referred to in .ensure(...)
is not null? I have the following piece of code
editinfoChanged(newEditInfo: any, oldValue: any) : void {
if (this.domainobject && newEditInfo) {
this.editinfo.forEach((field: { requisiteness: string; name: string | number; label: string }) => {
if (this.isMandatory(field.requisiteness)) {
ValidationRules.ensure(this.domainobject[field.name]).displayName(field.label).required().on(this.domainobject);
};
});
}
}
which fails and produces the following error message:
Uncaught TypeError: Cannot read property 'toString' of null
at PropertyAccessorParser.parse (aurelia-validation.js?f0d7:91)
at FluentEnsure.ensure (aurelia-validation.js?f0d7:1700)
at Function.ValidationRules.ensure (aurelia-validation.js?f0d7:1767)
at eval (new-item-view.ts?c01b:112)
at Array.forEach (<anonymous>)
at NewItemView.editinfoChanged (new-item-view.ts?c01b:110)
When I look at the value of this.domainobject[field.name]
(in the first iteration) it is null and this makes me wonder if that's the cause of the error?
hello guys can someone help me with "form-field-validation" i'm trying to validate a checkbox table the validation works but the red border css not working
in the noop.bind i passe the validated list
<div class="box stackpanel vertical fit form-field-validation" noop.bind="posteUFDTOList & validate:validationController">
<div class="box-header bg-primary stackpanel horizontal fit">
<input id="chx_all" class="form-control colSelection" type="checkbox" change.delegate="cocherDecocherTout()" />
<label for="chx_all" class="box-title" i18n="sante:ui.fwm.gestionutilisateur.postes.postedetail.cocherdecocher"></label>
</div>
</div>
if (this.posteUFDTOList) {
this.validationController.validate({ object: this.posteUFDTOList });
}
Hi,
I am a newbie in aurelia.
Aurelia Validation Demo - Nested object properties
https://gist.github.com/jsobell/d81428170f1572ae916e3fbf67779014
BootstrapFormRenderer example
https://gist.github.com/y2k4life/8adacec7627d792a304f62a899f21049
I am getting correct validation when using controller.validate() method
Problem is that in BootstrapFormRenderer
In render method, elements are always empty.
render(instruction: RenderInstruction) {
debugger;
for (let { result, elements } of instruction.unrender) {
for (let element of elements) {
this.remove(element, result);
}
}
for (let { result, elements } of instruction.render) {
for (let element of elements) {
this.add(element, result);
}
}
}
Hi all! I am new to aurelia and have the following problem - I would like to use accordion in one of my pages for FAQ.
The accordion is working fine, however I would like to add show/hide function when someone is looking for a particular string and show the card with
the particular information in it.
I am doing that with jQuery, however I would like to do that with aurelia. Could you please give me some recommendation which would be the best way?
Thank you!
constructor(EventAggregator, Router, AuthService, ApplicationService, ServiceApi, ValidationControllerFactory, DialogService){
this.controller = ValidationControllerFactory.createForCurrentScope();
this.controller.addRenderer(new AureliaUXFormRenderer());
this.controllerWC = ValidationControllerFactory.createForCurrentScope();
this.controllerWC.addRenderer(new AureliaUXFormRenderer());
async attached() {
ValidationRules
.ensure('InsuredID').required()
.ensure('Date of Loss').required()
.ensure('Claim Type').required()
.ensure('AdjusterID').required()
.on(this.claim);
// this works!
this.controllerWC.ValidationRules
// ValidationRules
.ensure('InjuryType').required()
.on(this.currentItem);
// this fails
html bind fails when i use
<ux-input dense variant.bind="variant" maxlength="2" value.bind="currentItem.InjuryType & validate:controllerWC " >
</ux-input>