ASP中的滑动(或移动)控件.. NET与javascript

本文关键字:控件 NET javascript 移动 ASP | 更新日期: 2023-09-27 18:12:53

由于我的页面的设置方式,我不能发送postBack事件并在新位置重新加载控件的页面。因此,我需要使用javascript来移动控件。

如果我的UI上有3个单选按钮,当其中一个单选按钮在列表中被点击时,我希望能够向下滑动其他单选按钮,并让被点击的单选按钮显示新的文本框、下拉列表等,以从用户那里获得更多信息。代码示例:(当没有单选按钮被点击时)

<asp:RadioButton ID="radioYes" GroupName="group1" Text="Yes, I'll give you more information."   runat="server" /><br />
<asp:RadioButton ID="radioMaybe" GroupName="group1" Text="Not sure yet." runat="server" /><br />
<asp:RadioButton ID="radioNo" GroupName="group1" Text="Nope." runat="server" /><br />

一旦"是"单选按钮被按下,我想让"可能"answers"否"滑动下来,留下空间,就好像我已经编码好了:

<asp:RadioButton ID="radioYes" GroupName="group1" Text="Yes, I'll give you more information."   runat="server" /><br />
<asp:Label ID="labelName" Text="Name" runat="server" /><br />
<asp:TextBox ID="textBox" runat="server" /><br />
<asp:RadioButton ID="radioMaybe" GroupName="group1" Text="Not sure yet." runat="server" /><br />
<asp:RadioButton ID="radioNo" GroupName="group1" Text="Nope." runat="server" /><br />

相反的效果也可能发生:当"是"被取消点击时,单选按钮会滑回。

ASP中的滑动(或移动)控件.. NET与javascript

也许你可以使用jQuery的slideToggle(),或ajaxtoolkit PopupControl http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/PopupControl/PopupControl.aspx我的英语很差,但如果你想滑下来,你可以用这个。