如何使用文本框更改模式弹出窗口 [英] How to use modal popup with Textbox Changed
本文介绍了如何使用文本框更改模式弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想根据文本框值使用模态弹出窗口。即当我在文本框中编写类似test的字符串时,模态弹出窗口显示。我尝试使用文本框更改事件,但它没有。
这里是我的代码:
aspx文件:
Hi,
I want to using modal popup according to textbox value. i.e when i write a string like "test" in textbox, modal popup show. I try to this with textbox change event, but it didn't.
here is my code:
aspx file:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="Btnshow" runat="server" Text="Show" OnClick="Btnshow_Click" />
<asp:Button ID="BtnTarget" runat="server" Text="Target" Style="display: none" />
<asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox>
<input type="button" value="Get" onclick="abc()" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnTarget"
PopupControlID="Panel1">
</asp:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" BackColor="Black" Width="300px" Height="300px">
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="BtnHide" runat="server" Text="Hide Button" OnClick="BtnHide_Click" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="BtnHide" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Btnshow" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
cs文件:
cs file:
protected void TxtProject_TextChanged(object sender, EventArgs e)
{
KurumAdi = TxtProject.Text;
if (TxtProject.Text == "test")
{
Btnshow_Click(null, null);
}
}
protected void Btnshow_Click(object sender, EventArgs e)
{
ModalPopupExtender1.Show();
}
protected void BtnHide_Click(object sender, EventArgs e)
{
ModalPopupExtender1.Hide();
}
推荐答案
将AutoPostBack =true放在文本框中
Hi,
Put AutoPostBack="true" in your textbox
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true">
另外在AsyncPostBackTrigger中添加文本框ID,
Also add textbox id in AsyncPostBackTrigger ,
<Triggers>
<asp:AsyncPostBackTrigger ControlID="TextBox1"/>
</Triggers>
这样可行。
this would work.
这篇关于如何使用文本框更改模式弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文