AJAX控件之NumericUpDown

效果图片:

资源文件:

down图片 up图片

显示页面的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">

<title>AJAX控件之NumericUpDown</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<tr>

方法一:</td>

<asp:TextBox ID="TextBox1" runat="server" Width="120px">10</asp:TextBox></td>

</td>

</tr>

<tr>

方法二:</td>

<asp:TextBox ID="TextBox2" runat="server" Width="64px">5</asp:TextBox></td>

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/down.gif" />

<asp:Image ID="Image2" runat="server" ImageUrl="~/images/up.gif" /></td>

</tr>

<tr>

自定义方法:</td>

<asp:TextBox ID="TextBox3" runat="server" Width="160px">周一</asp:TextBox></td>

</td>

</tr>

</table>

<cc1:NumericUpDownExtender ID="NumericUpDownExtender1" runat="server" TargetControlID="TextBox1"

Width="100">

</cc1:NumericUpDownExtender>

<cc1:NumericUpDownExtender ID="NumericUpDownExtender2" runat="server" TargetButtonDownID="Image1"

TargetButtonUpID="Image2" TargetControlID="TextBox2">

</cc1:NumericUpDownExtender>

<cc1:NumericUpDownExtender ID="NumericUpDownExtender3" runat="server" TargetControlID="TextBox3" RefValues="周一;周二;周三;周四;周五;周六;周日 " Width="100">

</cc1:NumericUpDownExtender>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

</html>

posted on 2007-04-01 21:42 小角色阅读(296) 评论(0) 收藏举报