0
我有一個用戶控件,我想在頁面上多次使用它。所以我嘗試了將控件的JS移動到文件併爲其創建原型的方法,以便它在頁面上順利運行。但在運行解決方案時,它提供了以下錯誤: 遺漏的類型錯誤:CtrlNameCtrlName1是不是構造使用javascript的ASP.Net:在Webform中使用多個控件實例
我沒有能夠找到我在哪裏犯了一個錯誤。任何幫助將不勝感激。
謝謝。
用戶控制使用標記:
<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="CtrlName.ascx.vb" Inherits="MultiInstanceControl.CtrlName" %>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<br />
<asp:Panel ID="pnlSearch" runat="server" Style="background-color: yellow;width: 30px;height: 30px;"></asp:Panel>
<br />
<input id="txtInput" type="text" />
<script type="text/javascript" src="CtrlNameJS.js"></script>
<script type="text/javascript">
function CtrlName<%=me.ClientID%>() {
this.pnlSearchClientID = <%=pnlSearch.ClientID%>;
this.txtSearchClientID = <%=txtSearch.ClientID%>;
this.txtInputControl = document.getElementById('txtInput');
this.Category = <%=Category%>;
}
CtrlName<%=me.ClientID%> = CtrlName.prototype;
</script>
這裏是它使用的JS文件內容:其使用上面的控制與多個實例
function CtrlName() {
}
CtrlName.prototype = {
HidePanel: function() {
if (Category == '1') {
pnlSearchClientID.style.backGroundColor = 'Red';
}
else {
pnlSearchClientID.style.backGroundColor = 'Blue';
}
},
GetSearchedText: function() {
alert($find(txtSearchClientID).get_value());
},
GetInputText: function() {
alert(txtInputControl.value);
}
};
終於頁:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="default.aspx.vb" Inherits="MultiInstanceControl._default" %>
<%@ Register Src="~/CtrlName.ascx" TagPrefix="uc1" TagName="CtrlName" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div> 1. First Instance <br /><br />
<uc1:CtrlName ID="CtrlName1" IsMultipleFile="false" Category="1" runat="server" />
<asp:Button runat="server" ID="btnTest1" Text="Get Value" OnClientClick="return btnTest_ClientClick('1');" />
<br /><br />
<br />
<br /><br /> <br /><br />
2. Second Instance <br /><br />
<uc1:CtrlName ID="CtrlName2" IsMultipleFile="false" Category="2" runat="server" />
<asp:Button runat="server" ID="Button2" Text="Get Value" OnClientClick="return btnTest_ClientClick('2');" />
</div>
<script type="text/javascript">
var inst1 = new CtrlName<%=CtrlName1.ClientID %>();
var inst2 = new CtrlName<%=CtrlName2.ClientID%>();
function btnTest_ClientClick(strVal) {
if (strVal == '1') {
inst1.HidePanel();
inst1.GetSearchedText();
inst1.GetInputText();
}
else {
inst2.HidePanel();
inst2.GetSearchedText();
inst2.GetInputText();
}
return false;
}
</script>
</form>
</body>
</html>
甚至,這將引發錯誤: 遺漏的類型錯誤:CtrlNameCtrlName1不是在HTMLDocument的構造 。 (jquery.min.js:2) at k(jquery.min.js:2)(在j(jquery.min.js:2) – user2561997