Как получить обновленное значение из Dijit.editor и установить его в другой div

Question

Я пытаюсь заставить этот скрипт работать, но пока безуспешно.

HTML:

<div dojoType="dijit.Editor" id="editor"></div>
<div id="target"><div>

Сценарий:

          dojo.addOnLoad(function() {

            var geteditor = dojo.byId("editor");
            dojo.connect(geteditor, "onChange", function() {
               var a =  dijit.byId("editor").get("value");
               dojo.byId("target").innerHTML= a ; 

            });
          });

Может кто-нибудь посоветовать мне, как получить редактор обновленный / измененный значение из dijit.editor после того, как он изменит что-то и обновит другой div.innerHTML? Может есть другой способ? Я новичок в додзё и JavaScript. Спасибо

Answer 1

Это один из способов обновления одного изменения значения в другом элементе. Я не уверен, что вы можете использовать dijit.Editor, чтобы сделать что-то эквивалентное. Если вам нужен большой блок, просто используйте атрибуты стиля, чтобы увеличить размер блока ...

 dojo.require("dijit.form.TextBox");
 dojo.require("dojo.parser");

 dojo.ready(function(){
     dojo.parser.parse();
     var box0 = dijit.byId("value0Box");
     var box1 = dijit.byId("value1Box");
     box1.set("value", box0.get("value") + " modified");
     dojo.connect(box0, "onChange", function(){
         box1.set("value", box0.get("value") + " modified");
     });
 });


<label for="value0Box">A textbox with a value:</label> 
<input id="value0Box" data-dojo-type="dijit.form.TextBox" value="Some value" data-dojo-props="intermediateChanges:true"></input>
<br>
<label for="value1Box">A textbox set with a value from the above textbox:</label>   
<input id="value1Box" data-dojo-type="dijit.form.TextBox"></input>
<br>