带有 Horizo​​ntalSlider 的 onChange 事件创建了声明式

Question

我正在尝试创建一个 Horizo​​ntalSlider 声明，将其值发送到文本框，但我在文本框中没有得到任何值。

这是我的代码：

<script type="text/javascript">
require([
"dojo/parser",
"dojo/dom",
"dijit/form/HorizontalSlider",
"dijit/form/TextBox"],
function(parser, dom, HorizontalSlider, TextBox)
{parser.parse();});
</script>

<input data-dojo-type="dijit/form/HorizontalSlider" id="slider_BM_FE" data-dojo-props="minimum: 0, maximum: 100000, value: 19423, intermediateChanges: true, onChange:function(value){dom.byId('BM_FE').value = value;}"/>
<br>
<input type="text" id="BM_FE" data-dojo-type="dijit/form/TextBox" style="width:100px; color:black"/>

这有什么问题？我只是看到 Slider，它可以自行工作，但它不会在文本框中输入值。

Answer 1

由于您的文本框是 dijit 小部件，而不是使用 dom.by，请尝试使用 dijit/registry 中的 registry.byId 来设置文本框的值。

<script type="text/javascript">
require([
"dojo/parser",
"dojo/dom",
"dijit/form/HorizontalSlider",
"dijit/form/TextBox",
"dijit/registry"],
function(parser, dom, HorizontalSlider, TextBox, registry)
{parser.parse();});
</script>

<input data-dojo-type="dijit/form/HorizontalSlider" id="slider_BM_FE" data-dojo-props="minimum: 0, maximum: 100000, value: 19423, intermediateChanges: true, onChange:function(value){registry.byId('BM_FE').set({value: value})}"/>
<br>
<input type="text" id="BM_FE" data-dojo-type="dijit/form/TextBox" style="width:100px; color:black"/>