如何使用JavaScript获取Web用户控件的属性值. [英] How to get properties value of web user control using JavaScript.
本文介绍了如何使用JavaScript获取Web用户控件的属性值.的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我已经创建了一个用户控件.
WebUserControl.ascx
< 脚本 =" 文本/javascript" < /script >
< asp:Button ID =" runat 服务器" 样式 显示:无；" / >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnShowPopUp_Click();" =" 输入数字" / >
< asp:UpdatePanel ID =" runat 服务器" < ContentTemplate >
< div =" < asp:Label ID =" 文本 数字" runat 服务器" / < asp:TextBox ID =" runat 服务器" / < br >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnOK_Click();" 文本 =" >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnCancel_Click();" =" 取消" / >
< /div >
< /ContentTemplate >
< /asp:UpdatePanel >
< asp:ModalPopupExtender ID =" runat 服务器" 行为ID popUp" PopupControlID updatePanel1"
TargetControlID =" btnHidden" /
Default.aspx
< asp:Label ID =" runat 服务器" 文本 输入第一个数字" / >
< asp:TextBox ID =" runat 服务器" / < uc1:WebUserControl ID =" AssociatedLabelID lblFirstNum " AssociatedTextBoxID txtFirstNum" =" 服务器" / >
< br >
< asp:Label ID =" runat 服务器" 文本 输入第二个数字" / >
< asp:TextBox ID =" runat 服务器" / < uc1:WebUserControl ID =" AssociatedLabelID lblSecondNum " AssociatedTextBoxID txtSecondNum" =" 服务器" / >
现在我要做的是，当我第一次单击'wucFirst'时，它将显示用户控件中的PopUp.当我在"txtNumber"中输入一些值并单击确定"按钮时，我想在AssociatedTextBoxID中分配该值，或者如果单击"wucSecond"并在"txtNumber"中输入值，然后单击确定"按钮，我想在"wucSecond的AssociatedTextBoxID"中分配值. pre> 解决方案
find('popUp').show();
返回false；
}
函数btnCancel_Click(){
find('popUp').hide();
返回false；
}
函数btnOK_Click(){
//我必须在这里做一些逻辑，但是不知道
}
< /script >
< asp:Button ID =" runat 服务器" 样式 显示:无；" / >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnShowPopUp_Click();" =" 输入数字" / >
< asp:UpdatePanel ID =" runat 服务器" < ContentTemplate >
< div =" < asp:Label ID =" 文本 数字" runat 服务器" / < asp:TextBox ID =" runat 服务器" / < br >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnOK_Click();" 文本 =" >
< asp:Button ID =" runat 服务器" OnClientClick 返回btnCancel_Click();" =" 取消" / >
< /div >
< /ContentTemplate >
< /asp:UpdatePanel >
< asp:ModalPopupExtender ID =" runat 服务器" 行为ID popUp" PopupControlID updatePanel1"
TargetControlID =" btnHidden" /
Default.aspx
< asp:Label ID =" runat 服务器" 文本 输入第一个数字" / >
< asp:TextBox ID =" runat 服务器" / < uc1:WebUserControl ID =" AssociatedLabelID lblFirstNum " AssociatedTextBoxID txtFirstNum" =" 服务器" / >
< br >
< asp:Label ID =" runat 服务器" 文本 输入第二个数字" / >
< asp:TextBox ID =" runat 服务器" / < uc1:WebUserControl ID =" AssociatedLabelID lblSecondNum " AssociatedTextBoxID txtSecondNum" =" 服务器" / >
现在我要做的是，当我第一次单击'wucFirst'时，它将显示用户控件中的PopUp.当我在"txtNumber"中输入一些值并单击确定"按钮时，我想在AssociatedTextBoxID中分配该值，或者如果单击"wucSecond"并在"txtNumber"中输入值，然后单击确定"按钮，我想在"wucSecond的AssociatedTextBoxID"中分配值. pre>
I have created a user control.
WebUserControl.ascx
<script type="text/javascript">
function btnShowPopUp_Click() {
$find('popUp').show();
return false;
}
function btnCancel_Click() {
$find('popUp').hide();
return false;
}
function btnOK_Click() {
//I have to do some logic here but don't know
}
</script>
<asp:Button ID="btnHidden" runat="server" Style="display: none;" />
<asp:Button ID="btnShowPopUp" runat="server" OnClientClick="return btnShowPopUp_Click();"Text="Enter Number" />
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<div style="background: #f8f8f8; border: solid 2px #080808; padding: 15px;">
<asp:Label ID="lblNumber" Text="Number" runat="server" />
<asp:TextBox ID="txtNumber" runat="server" />
<br />
<asp:Button ID="btnOK" runat="server" OnClientClick="return btnOK_Click();" Text="OK" />
<asp:Button ID="btnCancel" runat="server" OnClientClick="return btnCancel_Click();"Text="Cancel" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:ModalPopupExtender ID="modalPopUp1" runat="server" BehaviorID="popUp" PopupControlID="updatePanel1"
TargetControlID="btnHidden" />
And then added two properies in code behind.
WebUserControl.ascx.cs
<pre lang="c#"> private string _assLabel = "";
public string AssociatedLabelID
{
get
{
return _assLabel;
}
set
{
_assLabel = value;
}
}
private string _assTextBox = "";
public string AssociatedTextBoxID
{
get
{
return _assTextBox;
}
set
{
_assTextBox = value;
}
}
Default.aspx
<asp:Label ID="lblFirstNum" runat="server" Text="Enter First Number" />
<asp:TextBox ID="txtFirstNum" runat="server" />
<uc1:WebUserControl ID="wucFirst" AssociatedLabelID="lblFirstNum" AssociatedTextBoxID="txtFirstNum" runat="server" />
<br />
<asp:Label ID="lblSecondNum" runat="server" Text="Enter Second Number" />
<asp:TextBox ID="txtSecondNum" runat="server" />
<uc1:WebUserControl ID="wucSecond" AssociatedLabelID="lblSecondNum" AssociatedTextBoxID="txtSecondNum" runat="server" />
Now what I have to do is that when I first click 'wucFirst' it will show me PopUp which is in the user control. When I enter some values in 'txtNumber' and click OK button I want to assign that value in AssociatedTextBoxID or if click 'wucSecond' and enter value in 'txtNumber' and click OK button I want to assign value in 'wucSecond's AssociatedTextBoxID.
解决方案 find('popUp').show();
return false;
}
function btnCancel_Click() {
find('popUp').hide();
return false;
}
function btnOK_Click() {
//I have to do some logic here but don't know
}
</script>
<asp:Button ID="btnHidden" runat="server" Style="display: none;" />
<asp:Button ID="btnShowPopUp" runat="server" OnClientClick="return btnShowPopUp_Click();"Text="Enter Number" />
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<div style="background: #f8f8f8; border: solid 2px #080808; padding: 15px;">
<asp:Label ID="lblNumber" Text="Number" runat="server" />
<asp:TextBox ID="txtNumber" runat="server" />
<br />
<asp:Button ID="btnOK" runat="server" OnClientClick="return btnOK_Click();" Text="OK" />
<asp:Button ID="btnCancel" runat="server" OnClientClick="return btnCancel_Click();"Text="Cancel" />
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:ModalPopupExtender ID="modalPopUp1" runat="server" BehaviorID="popUp" PopupControlID="updatePanel1"
TargetControlID="btnHidden" />
And then added two properies in code behind.
WebUserControl.ascx.cs
<pre lang="c#"> private string _assLabel = "";
public string AssociatedLabelID
{
get
{
return _assLabel;
}
set
{
_assLabel = value;
}
}
private string _assTextBox = "";
public string AssociatedTextBoxID
{
get
{
return _assTextBox;
}
set
{
_assTextBox = value;
}
}
Default.aspx
<asp:Label ID="lblFirstNum" runat="server" Text="Enter First Number" />
<asp:TextBox ID="txtFirstNum" runat="server" />
<uc1:WebUserControl ID="wucFirst" AssociatedLabelID="lblFirstNum" AssociatedTextBoxID="txtFirstNum" runat="server" />
<br />
<asp:Label ID="lblSecondNum" runat="server" Text="Enter Second Number" />
<asp:TextBox ID="txtSecondNum" runat="server" />
<uc1:WebUserControl ID="wucSecond" AssociatedLabelID="lblSecondNum" AssociatedTextBoxID="txtSecondNum" runat="server" />
Now what I have to do is that when I first click 'wucFirst' it will show me PopUp which is in the user control. When I enter some values in 'txtNumber' and click OK button I want to assign that value in AssociatedTextBoxID or if click 'wucSecond' and enter value in 'txtNumber' and click OK button I want to assign value in 'wucSecond's AssociatedTextBoxID.
这篇关于如何使用JavaScript获取Web用户控件的属性值.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
