65.9K
CodeProject 正在变化。 阅读更多。
Home

Ajax 圆角控件扩展器

starIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIconemptyStarIcon

1.24/5 (8投票s)

2008年11月20日

CPOL
viewsIcon

42555

这是一个非常好的 AJAX 控制器,可以制作圆角形状。我们可以通过使用此控制器的 Corners 属性来创建多种形状的圆角。

Ajax 圆角控制是一个非常好的控制器,可以制作圆角形状。 通过使用 Ajax 圆角属性的 Corners 属性,我们可以以多种形式设计形状。

以下是 ASPX 代码。

<%@ 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.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server"><asp:ScriptManager runat="server" ID="Scrptman">
    </asp:ScriptManager>
    <div align="center">
    <table width="50%" >
    <tr align="center">
    
    <td valign="middle"><asp:Panel BackColor="BlueViolet" Height="200px"
        runat="server" ID="MainPanel" Width="100%" HorizontalAlign="Center">
   <table align="center" style="height:100px;">
   
   <tr>
   <td align="center" valign="middle">
     Asp.net Round Corner controls
   
   </td></tr></table>
  
  
   
    </asp:Panel>
    
    </td></tr></table>
    
     <cc1:RoundedCornersExtender Corners="All" Radius="6" TargetControlID="MainPanel"
          ID="RoundedCornersExtender1" runat="server"></cc1:RoundedCornersExtender>
     
    </div>
    </form>
</body>
</html>

当我使用 Corners 属性 "All" 时

roundcornerAllsmall.JPG

当我使用 Corners 属性 ="Bottom" 时

roundcornerBottomsmall.JPG

当我使用 Corners 属性 ="Left" 时

roundcornerLeftsmall.JPG

当我使用 Corners 属性 ="Right" 时

roundcornerritesmall.JPG

© . All rights reserved.