动态构建表单的Aurelia验证
动态构建表单的Aurelia验证
提问于 2017-01-30 12:31:14
我正在创建一个动态生成用户输入表单的自定义元素。到目前为止，它运行得很好，但我在设置Aurelia验证时遇到了问题，需要一些帮助。
my-form.html
<div class="form-group" repeat.for="control of controls">
<label>${control.label}</label>
<div>
<compose containerless
view-model="resources/elements/${control.type}/${control.type}"
model.bind="{'control': control, 'model': model, 'readonly': readonly}"
class="form-control"></compose>
</div>
</div>我有几种不同的control.type可用和工作(my-textbox、my-dropdown、my-datepicker) --每个都是自定义元素。例如：
示例控件(my-textbox.html)
<template>
<input type="text"
class="form-control"
value.bind="model[control.bind] & validate">
</template>父视图：
<my-form controls.bind="controls" model.bind="model" if.bind="controls"></my-form>父视图-模型：
controls = [
{label: 'Username', type: 'my-textbox', bind: 'user_username'},
{label: 'Status', type: 'my-dropdown', bind: 'user_status', enum: 'ActiveInactive', default: '(Choose)'},
{label: 'Last_login', type: 'my-datepicker', bind: 'user_lastlogin', vc: 'date'}];
ValidationRules
.ensure('user_username').required().minLength(1).maxLength(10)
.ensure('user_status').required()
.ensure('user_lastlogin').required()
.on(this.model);我得到了错误错误: ValidationController还没有注册。在ValidateBindingBehaviorBase.bind....但是，我只想要一个用于整个动态构建的表单的验证器，所以我不想在每个控件中导入验证。我做什么好？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-30 13:42:16
它实际上可以导入父窗体中的验证控制器和相关资源，即使& validate被附加到子控件。
父视图-模型
import {inject} from 'aurelia-framework';
import {ValidationControllerFactory, ValidationRules} from 'aurelia-validation';
import {BootstrapFormRenderer} from 'common/bootstrap-form-renderer';
@inject(Core, ValidationControllerFactory)
export class MyForm {
constructor(validationControllerFactory) {
this.validationCtrl = validationControllerFactory.createForCurrentScope();
this.validationCtrl.addRenderer(new BootstrapFormRenderer());
}
setupValidator() {
let rules = [];
this.controls.map(control => {
if (control.validation) {
rules.push(ValidationRules.ensure(control.bind).required().rules[0]);
}
this.validationCtrl.addObject(this.modelEdit, rules);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41944869
复制相关文章
相似问题
如何使用Aurelia验证表单
动态json对象的aurelia验证
验证flask中动态构建的表单
在Aurelia中动态添加验证
动态构建表单
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
