[英]Call a ascx Javascript function from .aspx page
我有以下.ascx頁面(用戶控制):
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MultiSelectDDL.ascx.cs" Inherits="MultiSelectDDL" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<link href="Styles/style.css" rel="stylesheet" type="text/css" />
<script type = "text/javascript">
function CheckItem(checkBoxList) {
debugger;
var options = checkBoxList.getElementsByTagName('input');
var arrayOfCheckBoxLabels = checkBoxList.getElementsByTagName("label");
var s = "";
for (i = 0; i < options.length; i++) {
var opt = options[i];
if (opt.checked) {
s = s + ", " + arrayOfCheckBoxLabels[i].innerHTML;
}
}
if (s.length > 0) {
s = s.substring(2, s.length);
}
var TxtBox = document.getElementById("<%=txtCombo.ClientID%>");
TxtBox.value = s;
document.getElementById('<%=hidVal.ClientID %>').value = s;
}
</script>
<asp:TextBox ID="txtCombo" runat="server" ReadOnly="true" Width="138px" Font-Size="X-Small" CssClass="txtbox"></asp:TextBox>
<cc1:PopupControlExtender ID="PopupControlExtender111" runat="server"
TargetControlID="txtCombo" PopupControlID="Panel111" Position="Bottom" >
</cc1:PopupControlExtender>
<input type="hidden" name="hidVal" id="hidVal" runat="server" />
<asp:Panel ID="Panel111" runat="server" ScrollBars="Vertical" Width="142px" Height="75" BackColor="White" BorderColor="Gray" BorderWidth="1">
<asp:CheckBoxList ID="chkList"
runat="server"
Height="75" onclick="CheckItem(this)">
</asp:CheckBoxList>
</asp:Panel>
還有另一個普通的.aspx頁面,在其中放置了上述用戶控件。
我需要做的是,從一個用.aspx.cs編寫的函數中,我想調用用.ascx頁編寫的Javascript。
我試過了:
Page.ClientScript.RegisterStartupScript(this.GetType(),"MyFunction","CheckItem('"+ MultiSelectDDL1.ClientID +"');",true);
但它不起作用。 請幫助。
我認為問題在於您傳遞的是字符串而不是DOM元素,您應該使用以下內容更改啟動腳本。
Page.ClientScript.RegisterStartupScript(this.GetType(),"MyFunction","CheckItem(document.getElementById('"+ MultiSelectDDL1.ClientID +"'));",true);
您需要傳遞客戶端ID插入的對象
Page.ClientScript.RegisterStartupScript(this.GetType(),"MyFunction","CheckItem(this);",true);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.