个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我试图让 Dojo NumberTextBox 在我的代码中工作，但由于某种原因，当我将其“移植”到我的网站时，示例代码无法工作。我直接从 Dojo 1.9 文档中提取了这个示例代码，它可以工作:
<html >
<head>
<link rel="stylesheet" href="../../_static/js/dojo/../dijit/themes/claro/claro.css">
<script>dojoConfig = {async: true, parseOnLoad: true}</script>
<script src='../../_static/js/dojo/dojo.js'></script>
<script>
require(["dojo/parser", "dijit/form/NumberTextBox"]);
</script>
</head>
<body class="claro">
<label for="q05">Integer between -20000 to +20000:</label>
<input id="q05" type="text"
data-dojo-type="dijit/form/NumberTextBox"
name= "elevation"
required="true"
value="3000"
data-dojo-props="constraints:{min:-20000,max:20000,places:0},
invalidMessage:'Invalid elevation.'" />
</body>
</html>
这是我的 JSP 代码，它以一系列 JSP 页面开始。正如您所看到的，我导入了 require() block ，并且我认为它的位置正确(它显示在 HTML 页面的头部):
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js.uncompressed.js"></script>
<script src="${pageContext.request.contextPath}/js/mystuff.js"></script>
<script type="text/javascript" >
dojoConfig={async: true, parseOnLoad: true};
require(["dojo/parser", "dijit/form/NumberTextBox"]);
</script>
<form:form id="formInfo" commandName="formInfo" action="${flowExecutionUrl}" enctype="multipart/form-data">
<div id="YIBOtherContainer" style="display:none;"> <%-- hidden to start with --%>
<form:input id="yearsInBusinessOther" path="yearsInBusinessOther"
data-dojo-type="dijit/form/NumberTextBox"
data-dojo-props="constraints:{min:6,max:99,places:0}, invalidMessage:'Invalid value.'" />
<div class="formRow otherIndent">
<form:errors cssClass="formError" path="yearsInBusinessOther" />
</div>
</div>
</form:form>
这是上述 JSP 代码生成的 HTML INPUT 标记:
<input id="yearsInBusinessOther" name="yearsInBusinessOther" data-dojo-props="constraints:{min:6,max:99,places:0}, invalidMessage:'Invalid value.'" data-dojo-type="dijit/form/NumberTextBox" type="text" value="99"/>
但是没有验证。我可以在表单字段中输入任何内容，但我永远不会收到错误消息、格式更改或其他任何表明正在触发任何验证的内容。
了解 Dojo 1.9 的人可以看看这个并(希望)指出我做错了什么吗？
最佳答案
使用dojoConfig配置Dojo时，您必须在加载dojo.js之前放置dojoConfig配置。在文档中，您可以注意到它们是以正确的顺序加载的:
<script>dojoConfig = {async: true, parseOnLoad: true}</script><!-- First -->
<script src='../../_static/js/dojo/dojo.js'></script><!-- Second -->
但在你的例子中:
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js.uncompressed.js"></script><!-- First but should be second! -->
<script type="text/javascript">
dojoConfig={async: true, parseOnLoad: true}; // Second, but should be first!
require(["dojo/parser", "dijit/form/NumberTextBox"]);
</script>
发生的情况是，当加载 Dojo 时，它会检查 dojoConfig 中配置的属性。但如果你颠倒顺序，那么它将不起作用，引用 Dojo documentation :
Notice that dojoConfig is defined in a script block before dojo.js is loaded. This is of paramount importance—if reversed, the configuration properties will be ignored.
在这种情况下，parseOnLoad 被忽略，这意味着您的输入字段永远不会转换为 dijit/form/NumberTextBox。
所以我建议将您的代码分成:
<script type="text/javascript">
dojoConfig={async: true, parseOnLoad: true};
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js.uncompressed.js"> </script>
<script type="text/javascript">
require(["dojo/parser", "dijit/form/NumberTextBox"]);
</script>
关于javascript - Dojo 1.9 NumberTextBox 不工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23000991/
25
4
0
如何安装 DOJO 工具包并在我的网站上使用它？有教程吗？ 最佳答案 是的: http://docs.dojocampus.org/quickstart/gettingstarted “Dojo 现在
我对 Dojo 的文档感到很困惑。如何在不实际使用 dojo.declare() 的情况下使用 dojo.require()？我不想使用 dojo.declare() 的原因是它将声明的类公开为全局变
我是 Dojo Toolkit 的新手，今天我遇到了这个话题 dojo.mixin()和 dojo.extend() . 我想两者都习惯于从另一个对象获取一个对象的属性。 谁能解释一下 dojo.mi
我的问题是:我们可以使用 dojo.xhrPost 发布一些 Json 数据吗？更多详情: 我一直在尝试使用 Dojo 代码将 JSON 数据发布到 RESTful 服务。似乎是的行为dojo.xhr
我有一个从XMLStore读取的DataGrid。 DataGrid中大约有2200行。每次我滚动表格时，都要花费几秒钟来显示数据。似乎一次只检索了几行(20-25)。有没有办法一次检索所有行？ 最佳
在将请求发送到服务器以获取 AMD 模块之前，是否可以修改 dojo AMD 加载程序使用的请求 url？我想附加一个带有版本号的请求参数。 我们试图解决的问题是我们希望浏览器缓存我们的 javasc
当我使用自定义构建的 dojo 时，dojo.currency.format 没有使用正确的货币符号。 这是我使用的语句: dojo.currency.format(1234.567, {curren
我创建了一个非常简单的模板化小部件。像这样的东西: function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin,
如何在 dojo 数据网格中显示复选框？ 最佳答案 我建议将 cellType 设置为 dojox.grid.cells.Bool，而不是格式化程序。格式化程序为您提供了很大的自由，但也有责任在之后从
收到新信息后，我无法尝试更改数据网格的结构。每次进行查询时，我都需要能够更改列数。 我用来创建网格的 javascript 代码 function setgrid(){ var gridLay
试图找出为什么我似乎无法在我的 dojo 构建中实习字符串。我的图层文件已正确创建，但与每个单独的 dijit 关联的代码未正确嵌入。 这是构建输出的一部分，说明了失败的地方: release: I
我刚刚开始使用道场，我知道 dojo.query与 $ 相同在 jQuery 中。 但我还没有弄清楚它返回什么。它是像 jQuery 一样的专门对象吗？ 我正在尝试做的(没有运气)是: dojo.qu
有什么方法可以将按钮 添加到TitlePane 标题(标题栏右侧)，以便我可以执行一些操作(下载、删除...) 提前致谢。 最佳答案 dijit TitlePane 标题包含以下内容 -Rule
在使用 dojo 的 gfx 渲染文本时，有没有办法告诉文本将占用多少空间，以防我需要包装它以使其适合给定的宽度？ 如果您必须使它们适合宽度受限的区域，您将如何管理打印任意长度的文本？ 更新 :对不起
我对 Dojo 工具包有点陌生。有些问题我想得到启发(我用谷歌搜索，但没有得到任何合适且令人满意的答案) 我已经在运行的应用程序(由另一个软件开发人员开发)中有一个 dojo.js(也许是下载的未压缩
我正在使用 dojo 柱形图。我想添加一条绘制在绘图上的自定义线(某种阈值线)。所以，假设 y 轴的范围从 0 到 5。我想要一条水平线，比方说，4.2 横跨绘图。它是一个柱形图。我希望找到一些可以帮
我在设置 dojo 时遇到问题. dojo 中定义的任何内容配置似乎使用 localhost:8080/Scripts/foo.js 正确加载小路。但是，如果我尝试在没有这个的情况下加载模块，请说:
我正在为一个项目使用 Dojo 1.9，但我不明白 dojo.provide 的正确替代方案与传统风格相比，AMD 风格。我正在阅读 this文档页面。 很明显，这就是旧语法映射到新语法的方式: 旧
我们正在使用 Dojo 1.9 运行我们的应用程序的构建，而构建本身需要过多的时间才能完成。某处沿着 10-15 分钟的路线。 我们的应用程序无论如何都不是很大。也许 150K LOC。没有什么花哨。
在我的 Dojo 构建中，我引入了一些第三方库。 当我完成构建过程时，由于 ReferenceErrors，我收到了错误。 这很好。这是有道理的。 但是，我想告诉 Dojo 构建过程所引用的内容。本质
我是一名优秀的程序员,十分优秀！