javascript - 如何将 insideText 从 dxTextArea 传递到 Javascript 中的函数中？

Question

我们正在使用 javascript/typescript，并且无法从 DevExtreme (Typescript) 项目中的 dxTextArea 传递“输入文本”。

我们正在使用:

 <div id="myTextArea" data-bind="dxTextArea: {showClearButton: true,value: 'MyTests'}" ></div>

 <div  data-bind="dxButton: { text: 'Save text' }" onclick="saveMyData(document.getElementById('myTextArea').innerText)"></div> 

函数“saveMyData”定义为:

<script>
function saveMyData(myData)
{
alert("text is "+myData.innerText);
mytext.innerText += myData.innerText;
}
</script>

但是，警报仅包含

text is

<小时/>

我们也尝试了textContent，但得到了相同的结果。

有人知道为什么会发生这种情况吗？

屏幕上没有错误，因此我们不认为这是声明错误。

(注意:出于演示目的，该代码已被简化)。

<小时/>

下面是“最有帮助/详细”文档的链接:

Link to dxTextArea documentation

请随时要求澄清/详细信息，因为我知道我不太擅长“在纸上”解释自己。我会发布一个 fiddle ，只是它不能/不会识别 dxTextArea 或 dxButton，所以非常无用!

编辑

按照建议使用innerHTML给出:

Answer 1

您可以获取 dxTextArea 小部件的实例并获取选项 value 的值

参见 fiddle :http://jsfiddle.net/tabalinas/c4dmsmeL/2/

<div id="textArea" data-bind="dxTextArea: { value: 'My value' }"></div>
<div data-bind="dxButton: { clickAction: buttonClick, text: 'Get value' }"></div>

var vm = {
    buttonClick: function() {
        var val = $("#textArea").dxTextArea("instance").option("value");
        alert(val);
    }
};

ko.applyBindings(vm);

但最好在 View 模型中使用 ko.observable 绑定(bind)到 dxTextArea 的 value 选项

参见 fiddle :http://jsfiddle.net/tabalinas/c4dmsmeL/

<div data-bind="dxTextArea: { value: textAreaValue }"></div>
Text entered: <span data-bind="text: textAreaValue">

var vm = {
    textAreaValue: ko.observable("My value")
};

ko.applyBindings(vm);

如果您想使用小部件的功能，您可以执行以下操作: http://jsfiddle.net/tabalinas/c4dmsmeL/3/

<div id="textArea" data-bind="dxTextArea: { value: 'My Value' }"></div>
<button id="getValue">Get value</button>


ko.applyBindings();

$("#getValue").click(function() {
    alert($("#textArea").find("textarea").val());
});

但我认为没有任何理由采取这种更简洁的方法。