效果图:



显示页面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控件之PagingBulletedList</title>
</head>
<body style="text-align: center">
    
<form id="form1" runat="server">
        
<asp:ScriptManager ID="ScriptManager1" runat="server" />
        
<br />
        
<div>
            
<div style="border-right: #ccffcc thin solid; border-top: #ccffcc thin solid; border-left: #ccffcc thin solid;
                width: 192px; border-bottom: #ccffcc thin solid; height: 216px">
                <asp:BulletedList ID="BulletedList1" runat="server" Width="136px">
                    
<asp:ListItem>阿杜</asp:ListItem>
                    
<asp:ListItem>阿南</asp:ListItem>
                    
<asp:ListItem>阿东</asp:ListItem>
                    
<asp:ListItem>王中</asp:ListItem>
                    
<asp:ListItem>王南</asp:ListItem>
                    
<asp:ListItem>王西</asp:ListItem>
                    
<asp:ListItem>陈一</asp:ListItem>
                    
<asp:ListItem>陈二</asp:ListItem>
                    
<asp:ListItem>张一</asp:ListItem>
                    
<asp:ListItem>张二</asp:ListItem>
                    
<asp:ListItem>虎胆</asp:ListItem>
                    
<asp:ListItem>虎头</asp:ListItem>
                
</asp:BulletedList>
            
</div>
        
</div>
        
<cc1:PagingBulletedListExtender ID="PagingBulletedListExtender1" runat="server" TargetControlID="BulletedList1">
        
</cc1:PagingBulletedListExtender>
    
</form>
</body>
</html>
posted on 2007-03-30 21:54  小角色  阅读(236)  评论(0)    收藏  举报