- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要在每个 ValidationTextBox
之前动态添加 HTML 标签
。
ValidationTextBox
和 HTML 标签是根据对象 data
的属性数量创建的。
我需要一个关于如何做到这一点的示例。
示例: http://jsfiddle.net/F2qAN/97/#run
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.layout.ContentPane");
function build() {
var data = {
name: 'a',
surname: 'b',
age: 'c'
},
validationTextBox,
layout = new dijit.layout.ContentPane({});
Object.keys(data).forEach(function (prop, index) {
validationTextBox = new dijit.form.ValidationTextBox({
id: prop + '-'+ index,
name: prop,
value: data[prop]
});
layout.addChild(validationTextBox);
}.bind(this))
layout.placeAt('layout');
layout.startup();
}
dojo.addOnLoad(build);
我正在尝试使用dojo/dom-construct
但没有结果,例如:
var label = domConstruct.toDom("<label for="male">label</label>");
layout.addChild(validationTextBox);
layout.addChild(label );
最佳答案
使用自制的小部件是正确的方法。
require(['dijit/form/ValidationTextBox', 'dijit/layout/ContentPane', 'dijit/_WidgetBase', 'dijit/_TemplatedMixin', 'dojo/_base/declare', 'dojo/domReady!'], function(ValidationTextBox, ContentPane, _WidgetBase, _TemplatedMixin, declare, domReady) {
var data = {
name: 'a',
surname: 'b',
age: 'c'
},
layout = new ContentPane(),
LabelTextbox = declare([_WidgetBase, _TemplatedMixin], {
label: '',
textboxId: '',
name: '',
value: '',
templateString: '<div><label>${label}</label><div data-dojo-attach-point="textboxNode"></div></div>',
postCreate: function() {
this.inherited(arguments);
this.own(new ValidationTextBox({
id: this.textboxId,
name: this.name,
value: this.value
}, this.textboxNode));
}
});
Object.keys(data).forEach(function (prop, index) {
layout.addChild(new LabelTextbox({
textboxId: prop + '-'+ index,
name: prop,
value: data[prop],
label: 'foo'
}));
}.bind(this));
layout.placeAt('layout');
layout.startup();
});
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css" media="screen">
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<div id="layout"></div>
关于javascript - 如何在 `HTML label`之前动态添加 `ValidationTextBox`?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31162782/
我无法让 ValidationTextBox 失去焦点,我也看不到 blur() 方法。 如何让它失去焦点? 最佳答案 blur() 方法适用于 dom 节点。小部件通常由 html 模板支持。如果您
如何将 dijit.form.ValidationTextBox 中的 regExp 值设置为只允许字母、线条和空格? http://jsfiddle.net/ayzfu/ ATM 它总是错误的,除非
如果表单中的输入有误,在执行 ajax 请求后,我试图让这个 validatationTextBox 成为焦点,并显示一条显示问题的指示器消息。 代码是: dijit.byId("passwordFi
如何定义验证文本框中工具提示的位置(默认为左侧)? 我的代码是: var textBox = new dijit.form.ValidationTextBox({ name : "someNam
我想知道如何(通过简单的工作示例)将 maxlength 和 minlength 添加到由 生成的输入标记 dijit/form/ValidationTextBox 所需输出的示例: 最佳答案 使用
如何给dojo ValidationTextBox自定义样式? 我们需要覆盖应用于 dojo ValidationTextBox 的默认 css。目前,当需要该字段时,它会在文本框周围显示一些黄色背景
我需要在每个 ValidationTextBox 之前动态添加 HTML 标签。 ValidationTextBox 和 HTML 标签是根据对象 data 的属性数量创建的。 我需要一个关于如何做到
我定义了一个dijit.form.ValidationTextBox: var nameBox = new ValidationTextBox({ style: 'width: 300px;'
我的行为很奇怪,不知道是不是因为我做错了什么。 我试图在我的应用程序中自定义一个 Dojo FilteringSelect 以按我的意愿显示无效消息。查看API,我找到了一种方法。这种方式适用于 Va
以下 XHTML 代码无效: dojo.require("dijit.form.ValidationTextBox");
嗨,我用了 example在 Stack Overflow 上创建自定义 ValidationTextArea 小部件。我遇到的问题是新的自定义小部件不显示 placeHolder 属性。 自定义小部
在我的 Dijit 表单中,我有以下 ValidationTextBox: 但是,我想让该字段不成为必需的(即允许它为空),但仍然使用 dojox.validate 方法。删除 required:
我想要的是一个表单,在提交时运行验证检查,并突出显示所有无效字段并添加工具提示。 我正在有效地寻找这样的东西: dojo.forEach(dijit.byId('myForm')._invalidWi
我是一名优秀的程序员,十分优秀!