效果图片:
Css代码:
.ContextMenuPanel
{
border:1px solid #868686;
padding:1px 1px 1px 1px;
font-size:11px;
}
a.ContextMenuItem
{
margin:1px 0 1px 0;
display:block;
color:#003399;
text-decoration:none;
padding:4px 19px 4px 33px;
white-space:nowrap;
}
a.ContextMenuItem:hover
{
background-color:#FFE6A0;
color:#003399;
border:1px solid #D2B47A;
padding:3px 18px 3px 32px;
}
显示页面的Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX控件之DropDown</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<br />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server" Height="80px" TextMode="MultiLine"></asp:TextBox>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="LinkButton2" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</div>
<asp:Button ID="Button1" runat="server" Text="快速答复" Width="128px" /><br />
<asp:Panel ID="Panel1" runat="server" Height="56px" Width="224px" style="left: 224px; top: 200px">
<asp:LinkButton ID="LinkButton1" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">你好,欢迎光临</asp:LinkButton><asp:LinkButton
ID="LinkButton2" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">欢迎访问博客</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton3" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">http://chenou.cnblogs.com</asp:LinkButton></asp:Panel>
<cc1:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="Button1" DropDownControlID="Panel1">
</cc1:DropDownExtender>
</form>
</body>
</html>
显示页面的CS代码:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void OnSelect(object sender,EventArgs e)
{
this.TextBox1.Text=((LinkButton)sender).Text;
}
}
Css代码:
.ContextMenuPanel{
border:1px solid #868686; padding:1px 1px 1px 1px; font-size:11px;}a.ContextMenuItem{ margin:1px 0 1px 0; display:block; color:#003399; text-decoration:none; padding:4px 19px 4px 33px; white-space:nowrap;}a.ContextMenuItem:hover{ background-color:#FFE6A0; color:#003399; border:1px solid #D2B47A; padding:3px 18px 3px 32px;}显示页面的Html代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>AJAX控件之DropDown</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /></head><body style="text-align: center"> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <br /> <div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:TextBox ID="TextBox1" runat="server" Height="80px" TextMode="MultiLine"></asp:TextBox> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Click" /> <asp:AsyncPostBackTrigger ControlID="LinkButton2" EventName="Click" /> <asp:AsyncPostBackTrigger ControlID="LinkButton3" EventName="Click" /> </Triggers> </asp:UpdatePanel> </div> <asp:Button ID="Button1" runat="server" Text="快速答复" Width="128px" /><br /> <asp:Panel ID="Panel1" runat="server" Height="56px" Width="224px" style="left: 224px; top: 200px"> <asp:LinkButton ID="LinkButton1" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">你好,欢迎光临</asp:LinkButton><asp:LinkButton ID="LinkButton2" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">欢迎访问博客</asp:LinkButton><br /> <asp:LinkButton ID="LinkButton3" runat="server" Width="128px" CssClass="ContextMenuItem" OnClick="OnSelect">http://chenou.cnblogs.com</asp:LinkButton></asp:Panel> <cc1:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="Button1" DropDownControlID="Panel1"> </cc1:DropDownExtender> </form></body></html>显示页面的CS代码:
using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) {
} protected void OnSelect(object sender,EventArgs e) { this.TextBox1.Text=((LinkButton)sender).Text; }}
浙公网安备 33010602011771号