Javascript将看不到ASP.NET Webform控件
[英]Javascript will not see ASP.NET Webform Control
问题描述
I am trying to Create an application in ASP.NET WebForm to call a javascript code in order to show the Signature Panel. 
我试图在ASP.NET WebForm中创建一个应用程序以调用javascript代码以显示“签名面板”。 Now I get this Error Along the Line : 现在我得到了这个错误：
NewTopazForm.aspx:19 Uncaught TypeError: Cannot read property 'sigStringData' of undefined
at StartSign (NewTopazForm.aspx:19)
at HTMLInputElement.onclick (NewTopazForm.aspx:186)
My Code Looks like this : 我的代码如下所示：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NewTopazForm.aspx.cs" Inherits="TopazSignWeb2.NewTopazForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
var imgWidth;
var imgHeight;
function StartSign()
{
var isInstalled = document.documentElement.getAttribute('SigPlusExtLiteExtension-installed');
if (!isInstalled) {
alert("SigPlusExtLite extension is either not installed or disabled. Please install or enable extension.");
return;
}
var canvasObj = document.getElementById('cnv');
canvasObj.getContext('2d').clearRect(0, 0, canvasObj.width, canvasObj.height);
document.FORM1.sigStringData.value = "SigString: ";
document.FORM1.sigRawData.value = "Base64 String: ";
imgWidth = canvasObj.width;
imgHeight = canvasObj.height;
var message = { "firstName": "", "lastName": "", "eMail": "", "location": "", "imageFormat": 1, "imageX": imgWidth, "imageY": imgHeight, "imageTransparency": false, "imageScaling": false, "maxUpScalePercent": 0.0, "rawDataFormat": "ENC", "minSigPoints": 25 };
top.document.addEventListener('SignResponse', SignResponse, false);
var messageData = JSON.stringify(message);
var element = document.createElement("MyExtensionDataElement");
element.setAttribute("messageAttribute", messageData);
document.documentElement.appendChild(element);
var evt = document.createEvent("Events");
evt.initEvent("SignStartEvent", true, false);
element.dispatchEvent(evt);
}
function SignResponse(event)
{
var str = event.target.getAttribute("msgAttribute");
var obj = JSON.parse(str);
SetValues(obj, imgWidth, imgHeight);
}
function SetValues(objResponse, imageWidth, imageHeight)
{
var obj = null;
if(typeof(objResponse) === 'string'){
obj = JSON.parse(objResponse);
} else{
obj = JSON.parse(JSON.stringify(objResponse));
}
var ctx = document.getElementById('cnv').getContext('2d');
if (obj.errorMsg != null && obj.errorMsg!="" && obj.errorMsg!="undefined")
{
alert(obj.errorMsg);
}
else
{
if (obj.isSigned)
{
document.FORM1.sigRawData.value += obj.imageData;
document.FORM1.sigStringData.value += obj.sigString;
var img = new Image();
img.onload = function ()
{
ctx.drawImage(img, 0, 0, imageWidth, imageHeight);
}
img.src = "data:image/png;base64," + obj.imageData;
}
}
}
function ClearFormData()
{
document.FORM1.sigStringData.value = "SigString: ";
document.FORM1.sigRawData.value = "Base64 String: ";
document.getElementById('SignBtn').disabled = false;
}
</script>
<title></title>
<style type="text/css">
.auto-style1 {
width: 401px;
}
.auto-style2 {
width: 7px;
}
.auto-style3 {
width: 278px;
}
.auto-style4 {
width: 401px;
height: 26px;
text-align: right;
}
.auto-style5 {
width: 7px;
height: 26px;
}
.auto-style6 {
height: 26px;
width: 409px;
}
.auto-style7 {
width: 276px;
}
.auto-style8 {
width: 401px;
text-align: right;
}
.auto-style10 {
width: 273px;
height: 61px;
}
.auto-style11 {
width: 87px;
}
.auto-style12 {
width: 91%;
}
.auto-style13 {
width: 409px;
}
.auto-style14 {
width: 278px;
height: 101px;
}
</style>
</head>
<body>
<form id="FORM1" name="FORM1" runat="server" action="NewTopazForm.aspx">
<div>
<table class="auto-style12">
<tr>
<td class="auto-style1"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13"> </td>
</tr>
<tr>
<td class="auto-style4">First Name : </td>
<td class="auto-style5"></td>
<td class="auto-style6">
<input id="Text1" class="auto-style3" type="text" /></td>
</tr>
<tr>
<td class="auto-style8">Last Name : </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<input id="Text2" class="auto-style3" type="text" /></td>
</tr>
<tr>
<td class="auto-style8">Email : </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<input id="Text3" class="auto-style7" type="text" /></td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13"> </td>
</tr>
<tr>
<td class="auto-style8">Signature: </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<canvas id="cnv" name="cnv" runat="server" class="auto-style14"></canvas></td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13"> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<input id="Button1" class="auto-style11" type="button" value="Sign" OnClick="StartSign();" /> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<INPUT TYPE=HIDDEN NAME="bioSigData" runat="server">
<INPUT TYPE=HIDDEN NAME="sigImgData" runat="server">
<td class="auto-style2"> </td>
<td class="auto-style13"> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13"> </td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<textarea id="sigStringData" class="auto-style10" name="S1">SigString: </textarea></td>
</tr>
<tr>
<td class="auto-style8"> </td>
<td class="auto-style2"> </td>
<td class="auto-style13">
<textarea id="sigRawData" class="auto-style10" cols="20" name="S2" rows="1">Base64 String: </textarea></td>
</tr>
</table>
</div>
</form>
</body>
</html>
Could there be a possibility I have not Defined the Object, as I see here all controls are defined already, Could there be a line i missed something? 我有没有定义对象的可能性，正如我在这里看到的那样，所有控件都已定义，是否有可能我错过了一行？
1 个解决方案
解决方案1
0 2019-01-15 15:04:36
when asp.net renders the page is automatically made the controls that are not the same as code behind so - to get the sigStringData id as renders on page use : 当asp.net呈现页面时，将自动使控件与后面的代码不同，因此-获得sigStringData id作为页面上呈现的use：
<%=sigStringData.ClientID%>
for example: 例如：
document.FORM1.<%=sigStringData.ClientID%>.value = "SigString: ";
related : Accessing control client name and not ID in ASP.NET 相关： 在ASP.NET中访问控件客户端名称而不是ID
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
使用JavaScript的ASP.Net：在Webform中使用控件的多个实例 - ASP.Net with javascript: Using multiple instances of a control in a Webform
ASP.NET Web表单中的Javascript“未定义错误” - Javascript 'undefined error' in asp.net webform
ASP.NET 网络表单中的 Javascript 问题 - Issue with Javascript in ASP.NET Webform
添加 toastr javascript asp.net 网络表单 - Adding toastr javascript asp.net webform
设置ASP.NET网络表单以通过Java脚本提交到新窗口 - Set a ASP.NET webform to submit to a new window via Javascript
如何使用JavaScript在ASP.NET Web表单上动态添加文本框 - How to add textboxes dynamically on a asp.net webform using javascript
单击此按钮即可在此ASP.net网络表单上调用javascript函数？ - Call javascript function on this ASP.net webform on a button click?
如何将服务器端类型传递给asp.net Webform以使用JavaScript - how to pass a serverside Type to asp.net webform for javascript consumption
ASP.NET Web窗体上的MouseOver - MouseOver on asp.net webform
asp.net Webform不允许我运行javascript - asp.net webform will not let me run javascript
相关标签