如何调用jQuery函数在.aspx页用户控件在asp.net控制？ [英] how to call the jquery function in .aspx page to usercontrols controls in asp.net?
问题描述
我在Default.aspx的以下功能.....我webusercontrol具有10复选框和1键....我希望当我在用户控件的Button1的Click那么它可以访问默认的功能。 ASPX页面... ...如果我拖着用户控件到Default.aspx的
通常情况下，如果我用10复选框，并在Default.aspx的再1按钮，它工作得很好......如果我在用户控件使用10checkboxes和1button然后拖动Default.aspx中的用户控件那么它将无法工作。
是什么问题？如何解决这个问题？
＆LT;％@页面语言=VBAutoEventWireup =false的codeFILE =Default2.aspx.vb继承=默认设置2％GT;＆LT;％@注册SRC =WebUserControl.ascx变量名=WebUserControl标签preFIX =UC1％GT;！＆LT; DOCTYPE HTML PUBLIC - // W3C // DTD XHTML 1.0过渡// ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">＆LT; HTML的xmlns =http://www.w3.org/1999/xhtml＆GT;
＆LT;头=服务器＆GT;
＆LT;标题＆GT;无标题页＆LT; /标题＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;表ID =form1的=服务器＆GT;
＆LT; DIV＆GT; ＆LT; UC1：WebUserControl ID =WebUserControl1=服务器/＆GT; ＆LT; / DIV＆GT;
＆LT; /表及GT;
＆所述; SCRIPT SRC =http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js＆GT;＆下; /脚本＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT; $（＃'＆LT;％= Button1.ClientID％GT;'）。点击（函数（）{ VAR vCheckedCBCount = $（输入：复选框）。过滤器（功能（指数）{
返回$（本）[0] == .checked真实;
}）。长度;
如果（vCheckedCBCount→1）
{
警报（'你不能检查超过1复选框。'）;
返回false;
}
}）;
＆LT; / SCRIPT＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
试试这个 - >
------------------------------------ ASPX code --- -------------------------------------------------- -------------------------
ASPX：
＆LT;％@注册SRC =〜/用户控件/ WebUserControl.ascx变量名=ucCheckBox标签preFIX =UC％GT;＆LT; UC：ucCheckBox ID =ucCheckBox=服务器/＆GT;
JavaScript的：
$（文件）。就绪（函数（）{ $（输入：提交[ID $ ='btnSubmit按钮']）点击（函数（）{ VAR vCheckedCBCount = $（输入：复选框）。过滤器（功能（指数）{
返回$（本）[0] == .checked真实;
}）。长度;
如果（vCheckedCBCount→5）
{
警报（'你不能检查超过5复选框。'）;
返回false;
}
}）;
}）;
------------------------------------ ASPX code --- -------------------------------------------------- -------------------------
-------------------------------用户控制code ------- -------------------------------
用户控件：
＆LT;％@控制语言=C＃AutoEventWireup =真codeFILE =WebUserControl.ascx.cs继承=UserControl_WebUserControl％GT;
＆LT; ASP：复选框ID =CheckBox1=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox2=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox3=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox4=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox5=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox6=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox7=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox8=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox9=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：复选框ID =CheckBox10=服务器/＆GT;＆LT; BR /＆GT;
＆LT; ASP：按钮的ID =btnSubmit按钮=服务器文本=继续/＆GT;
-------------------------------用户控制code ------- -------------------------------
i have the following function in default.aspx.....i have webusercontrol which have 10 checkboxes and 1 button .... i want when i click on button1 of user control then it can access the function of default.aspx ...page ...if i dragged the usercontrol to default.aspx
Normally if i use 10 checkboxes and 1 button in default.aspx then it works fine ... if i use 10checkboxes and 1button in usercontrol then drag that usercontrol in default.aspx then it will not work ..
what was the problem ...how to fix this ?
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<%@ Register src="WebUserControl.ascx" tagname="WebUserControl" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<uc1:WebUserControl ID="WebUserControl1" runat="server" />
</div>
</form>
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript">
$("#'<%=Button1.ClientID %>'").click(function(){
var vCheckedCBCount = $("input:checkbox").filter(function(index){
return $(this)[0].checked == true;
}).length;
if(vCheckedCBCount > 1)
{
alert('You cannot check more than 1 check box.');
return false;
}
});
</script >
</body>
</html>
Try this one -->
------------------------------------ASPX Code------------------------------------------------------------------------------
ASPX:
<%@ Register Src="~/UserControl/WebUserControl.ascx" TagName="ucCheckBox" TagPrefix="UC" %>
<UC:ucCheckBox ID="ucCheckBox" runat="server" />
JAVASCRIPT:
$(document).ready(function(){
$("input:submit[id$='btnSubmit']").click(function(){
var vCheckedCBCount = $("input:checkbox").filter(function(index){
return $(this)[0].checked == true;
}).length;
if(vCheckedCBCount > 5)
{
alert('You cannot check more than 5 check box.');
return false;
}
});
});
------------------------------------ASPX Code------------------------------------------------------------------------------
-------------------------------User control code--------------------------------------
UserControl:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="UserControl_WebUserControl" %>
<asp:CheckBox ID="CheckBox1" runat="server" /><br />
<asp:CheckBox ID="CheckBox2" runat="server" /><br />
<asp:CheckBox ID="CheckBox3" runat="server" /><br />
<asp:CheckBox ID="CheckBox4" runat="server" /><br />
<asp:CheckBox ID="CheckBox5" runat="server" /><br />
<asp:CheckBox ID="CheckBox6" runat="server" /><br />
<asp:CheckBox ID="CheckBox7" runat="server" /><br />
<asp:CheckBox ID="CheckBox8" runat="server" /><br />
<asp:CheckBox ID="CheckBox9" runat="server" /><br />
<asp:CheckBox ID="CheckBox10" runat="server" /><br />
<asp:Button ID="btnSubmit" runat="server" Text="Continue" />
-------------------------------User control code--------------------------------------
这篇关于如何调用jQuery函数在.aspx页用户控件在asp.net控制？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
