pagingbulletedlist.aspx

AJAX 应用 实现页面的无刷新

<%@ Page
    Language="C#"
    MasterPageFile="~/DefaultMaster.master"
    AutoEventWireup="true"
    Inherits="CommonPage"
    Title="PagingBulletedList Sample"
    Theme="SampleSiteTheme" %>
<%@ Register
    Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="ajaxToolkit" %>
<asp:Content ContentPlaceHolderID="SampleContent" runat="Server">
    <ajaxToolkit:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" />
    <script language="javascript" type="text/javascript">
        var bl;
        
        function pageLoad() {
            bl = $find('PagingBulletedListBehavior1');
            if(bl.get_IndexSize() == 1) $get('radioOption1').checked = true;
            if(bl.get_IndexSize() == 2) $get('radioOption2').checked = true;
            if(bl.get_MaxItemPerPage() == 10) $get('radioOption3').checked = true;
            if(bl.get_MaxItemPerPage() == 20) $get('radioOption4').checked = true;
            $get('clientSort').checked = bl.get_ClientSort();
        }
            
        function onChangeSelectOption() {
            
            if ($get('radioOption1').checked) {
                bl.set_MaxItemPerPage(null);
                bl.set_IndexSize(1);
            }
            if ($get('radioOption2').checked) {
                bl.set_MaxItemPerPage(null);
                bl.set_IndexSize(2);
            }
            if ($get('radioOption3').checked) {
                bl.set_MaxItemPerPage(10);
            }
            if ($get('radioOption4').checked) {
                bl.set_MaxItemPerPage(20);
            }
        }

        function onChangeClientSort() {
            bl.set_ClientSort($get('clientSort').checked);
        }
    </script>
    <div class="demoarea">
        <div class="demoheading">PagingBulletedList Demonstration</div>
        <div style="height: 420px; overflow: auto; overflow-y: scroll; border: solid 1px #CCCCCC;">
            <asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="Text">
                <asp:ListItem>writeln</asp:ListItem>
                <asp:ListItem>1566</asp:ListItem>
                <asp:ListItem>4556</asp:ListItem>
                <asp:ListItem>9556776</asp:ListItem>
                <asp:ListItem>12234</asp:ListItem>
                <asp:ListItem>1566</asp:ListItem>
                <asp:ListItem>abort</asp:ListItem>
                <asp:ListItem>add</asp:ListItem>
                <asp:ListItem>addBehavior</asp:ListItem>
                <asp:ListItem>AddChannel</asp:ListItem>
                <asp:ListItem>AddDesktopComponent</asp:ListItem>
                <asp:ListItem>addElement</asp:ListItem>
                <asp:ListItem>AddFavorite</asp:ListItem>
                <asp:ListItem>addImport</asp:ListItem>
                <asp:ListItem>addPageRule</asp:ListItem>
                <asp:ListItem>addReadRequest</asp:ListItem>
                <asp:ListItem>addRule</asp:ListItem>
                <asp:ListItem>AddSearchProvider</asp:ListItem>
                <asp:ListItem>alert</asp:ListItem>
                <asp:ListItem>appendChild</asp:ListItem>
                <asp:ListItem>appendData</asp:ListItem>
                <asp:ListItem>applyElement</asp:ListItem>
                <asp:ListItem>assign</asp:ListItem>
                <asp:ListItem>attachEvent</asp:ListItem>
                <asp:ListItem>AutoCompleteSaveForm</asp:ListItem>
                <asp:ListItem>AutoScan</asp:ListItem>
                <asp:ListItem>back</asp:ListItem>
                <asp:ListItem>blur</asp:ListItem>
                <asp:ListItem>BrandImageUri</asp:ListItem>
                <asp:ListItem>ChooseColorDlg</asp:ListItem>
                <asp:ListItem>clear</asp:ListItem>
                <asp:ListItem>clear</asp:ListItem>
                <asp:ListItem>clearAttributes</asp:ListItem>
                <asp:ListItem>clearData</asp:ListItem>
                <asp:ListItem>clearInterval</asp:ListItem>
                <asp:ListItem>clearRequest</asp:ListItem>
                <asp:ListItem>clearTimeout</asp:ListItem>
                <asp:ListItem>click</asp:ListItem>
                <asp:ListItem>cloneNode</asp:ListItem>
                <asp:ListItem>close</asp:ListItem>
                <asp:ListItem>close</asp:ListItem>
                <asp:ListItem>collapse</asp:ListItem>
                <asp:ListItem>compareEndPoints</asp:ListItem>
                <asp:ListItem>componentFromPoint</asp:ListItem>
                <asp:ListItem>confirm</asp:ListItem>
                <asp:ListItem>contains</asp:ListItem>
                <asp:ListItem>createAttribute</asp:ListItem>
                <asp:ListItem>createCaption</asp:ListItem>
                <asp:ListItem>createComment</asp:ListItem>
                <asp:ListItem>createControlRange</asp:ListItem>
                <asp:ListItem>createDocumentFragment</asp:ListItem>
                <asp:ListItem>createElement</asp:ListItem>
                <asp:ListItem>createEventObject</asp:ListItem>
                <asp:ListItem>createPopup</asp:ListItem>
                <asp:ListItem>createRange</asp:ListItem>
                <asp:ListItem>createRangeCollection</asp:ListItem>
                <asp:ListItem>createStyleSheet</asp:ListItem>
                <asp:ListItem>createTextNode</asp:ListItem>
                <asp:ListItem>createTextRange</asp:ListItem>
                <asp:ListItem>createTFoot</asp:ListItem>
                <asp:ListItem>createTHead</asp:ListItem>
                <asp:ListItem>CustomizeSettings</asp:ListItem>
                <asp:ListItem>deleteCaption</asp:ListItem>
                <asp:ListItem>deleteCell</asp:ListItem>
                <asp:ListItem>deleteData</asp:ListItem>
                <asp:ListItem>deleteRow</asp:ListItem>
                <asp:ListItem>deleteTFoot</asp:ListItem>
                <asp:ListItem>deleteTHead</asp:ListItem>
                <asp:ListItem>detachEvent</asp:ListItem>
                <asp:ListItem>doImport</asp:ListItem>
                <asp:ListItem>doReadRequest</asp:ListItem>
                <asp:ListItem>doScroll</asp:ListItem>
                <asp:ListItem>dragDrop</asp:ListItem>
                <asp:ListItem>duplicate</asp:ListItem>
                <asp:ListItem>elementFromPoint</asp:ListItem>
                <asp:ListItem>empty</asp:ListItem>
                <asp:ListItem>execCommand</asp:ListItem>
                <asp:ListItem>execScript</asp:ListItem>
                <asp:ListItem>expand</asp:ListItem>
                <asp:ListItem>findText</asp:ListItem>
                <asp:ListItem>fireEvent</asp:ListItem>
                <asp:ListItem>firstPage</asp:ListItem>
                <asp:ListItem>focus</asp:ListItem>
                <asp:ListItem>forward</asp:ListItem>
                <asp:ListItem>getAdjacentText</asp:ListItem>
                <asp:ListItem>getAllResponseHeaders</asp:ListItem>
                <asp:ListItem>getAttribute</asp:ListItem>
                <asp:ListItem>getAttribute</asp:ListItem>
                <asp:ListItem>getAttributeNode</asp:ListItem>
                <asp:ListItem>getBookmark</asp:ListItem>
                <asp:ListItem>getBoundingClientRect</asp:ListItem>
                <asp:ListItem>getCharset</asp:ListItem>
                <asp:ListItem>getClientRects</asp:ListItem>
                <asp:ListItem>getData</asp:ListItem>
                <asp:ListItem>getElementById</asp:ListItem>
                <asp:ListItem>getElementsByName</asp:ListItem>
                <asp:ListItem>getElementsByTagName</asp:ListItem>
                <asp:ListItem>getExpression</asp:ListItem>
                <asp:ListItem>getNamedItem</asp:ListItem>
                <asp:ListItem>getResponseHeader</asp:ListItem>
                <asp:ListItem>go</asp:ListItem>
                <asp:ListItem>hasChildNodes</asp:ListItem>
                <asp:ListItem>hasFeature</asp:ListItem>
                <asp:ListItem>hasFocus</asp:ListItem>
                <asp:ListItem>hide</asp:ListItem>
                <asp:ListItem>inRange</asp:ListItem>
                <asp:ListItem>insertAdjacentElement</asp:ListItem>
                <asp:ListItem>insertAdjacentHTML</asp:ListItem>
                <asp:ListItem>insertAdjacentText</asp:ListItem>
                <asp:ListItem>insertBefore</asp:ListItem>
                <asp:ListItem>insertCell</asp:ListItem>
                <asp:ListItem>insertData</asp:ListItem>
                <asp:ListItem>insertRow</asp:ListItem>
                <asp:ListItem>isEqual</asp:ListItem>
                <asp:ListItem>item</asp:ListItem>
                <asp:ListItem>javaEnabled</asp:ListItem>
                <asp:ListItem>lastPage</asp:ListItem>