可能是一个非常简单的问题,但是我似乎找不到一种将文本区域中的数据发送到javascript / typescript函数的方法。
的HTML
<div data-options="dxContent : { targetPlaceholder: 'content' } " >
<p> use this page to log errors</p>
<p id="prevErrors" style="font-style:italic">PreviousErrors</p>
<br />
<div id="curError" data-bind="dxTextArea: { }"></div>
<br />
<div data-bind="dxButton: { text: 'Save and return to main menu' }" onclick=" saveMyData(document.getElementById(curError).innerText)"></div>
</div>
Java / TypeScript
<script>
function saveMyData(curError) {
//this will be where data is saved or emailed
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
if (dd < 10) {
dd = '0' + dd
}
if (h < 10) {
h = "0" + h;
}
if (s < 10)
{
s = "0"+s;
}
if (m < 10) {
m = "0"+m;
}
if (mm < 10) {
mm = '0' + mm
}
today = dd + '/' + mm + '/' + yyyy +" , "+h+":"+m+":"+s;
prevErrors.innerText += "\n "+today+", "+curError;
}
</script>
直到最近才发现打字稿和javascript几乎是完全相同的,我感到有点尴尬的是,启动打字稿一直是一场战斗-不像c#/ vb / etc。
问题
我一直试图将数据从此dxtextArea
控件发送到函数。如您所见,我已经尝试使用innerText,但是,这似乎什么也没发送到函数中(得到错误:
'Uncaught TypeError: Cannot read property 'innerText' of null', line 1, file 'http://localhost:51828/index.html#'.
即使textArea中存在数据。
有人遇到过这个问题/知道如何解决/是我对Java /打字稿知识的愚蠢和天真吗?
编辑
有人告诉我将我的Method调用从innerText更改为value(并在ID周围加上引号),但这仍然不能解决问题:
saveMyData(document.getElementById('curError').value)"
编辑2我的完整脚本:
<div data-options="dxView : { name: 'ErrorLogging', title: 'ErrorLogging' } " >
<div data-options="dxContent : { targetPlaceholder: 'content' } " >
<p>Use this page to log errors</p>
<br />
<p style="font-style:italic">PreviousErrors</p>
<p id="prevErrors" style="font-style:italic"></p>
<br />
<div id="curError" data-bind="dxTextArea: { }" ></div>
<br />
<div data-bind="dxButton: { text: 'Save and return to main menu' }" onclick="saveMyData(document.getElementById('curError').textContent)"></div>
</div>
</div>
<script>
function saveMyData(elem) {
//this will be where data is saved or emailed
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!
var yyyy = today.getFullYear();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
//add a '0' in front of single digit values
if (dd < 10) {
dd = '0' + dd
}
if (h < 10) {
h = "0" + h;
}
if (s < 10)
{
s = "0"+s;
}
if (m < 10) {
m = "0"+m;
}
if (mm < 10) {
mm = '0' + mm
}
if (elem.textContent) {
var curError = elem.textContent ?
elem.textContent :
elem.innerText;
}
alert(curError);
today = dd + '/' + mm + '/' + yyyy +" , "+h+":"+m+":"+s; //created string containing todays' date and time
prevErrors.innerText += "\n " + today + ", " + elem;
}
</script>
我发现通过使用
var val = $("#textArea").dxTextArea("instance").option("value");
允许我获取名为的ID textArea
,然后可以在不调用方法/函数的情况下使用该ID 。
所以现在,我可以使用代码:
prevErrors.innerText += "\n " + today + ", " + val;
以便能够将dxTextArea的输入输入到数据中。
问题解决了!:)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句