listsearch.aspx

AJAX 应用 实现页面的无刷新

<%@ Page
    Language="C#"
    MasterPageFile="~/Default.master"
    CodeFile="ListSearch.aspx.cs"
    Inherits="Automated_ListSearch"
    Title="ListSearch Tests" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
        <asp:ListBox ID="ListBox1" runat="server" Width="120px">
            <asp:ListItem>Compaq</asp:ListItem>
            <asp:ListItem>Digital</asp:ListItem>
            <asp:ListItem>HP</asp:ListItem>
        </asp:ListBox>
        <ajaxToolkit:listsearchextender id="ListSearchExtender1" runat="server"
        targetcontrolid="ListBox1"
        PromptPosition="Top"
        PromptText="a"
        BehaviorID="ListSearchExtender1"/>

        <asp:ListBox ID="ListBox2" runat="server" Width="120px">
            <asp:ListItem>&amp;</asp:ListItem>
            <asp:ListItem>a</asp:ListItem>
            <asp:ListItem>A</asp:ListItem>
            <asp:ListItem>AA</asp:ListItem>
            <asp:ListItem>AaA</asp:ListItem>
            <asp:ListItem>b</asp:ListItem>
            <asp:ListItem>bc</asp:ListItem>
            <asp:ListItem>bcd</asp:ListItem>
            <asp:ListItem>bd</asp:ListItem>
            <asp:ListItem>c</asp:ListItem>
        </asp:ListBox>
        <ajaxToolkit:listsearchextender id="ListSearchExtender2" runat="server" targetcontrolid="ListBox2" PromptPosition="Top" BehaviorID="ListSearchExtender2"></ajaxToolkit:listsearchextender>
        <asp:DropDownList ID="DropDownList1" runat="server" Width="120px">
            <asp:ListItem>Compaq</asp:ListItem>
            <asp:ListItem>Digital</asp:ListItem>
            <asp:ListItem>HP</asp:ListItem>
        </asp:DropDownList>
        <ajaxToolkit:ListSearchExtender ID="ListSearchExtender3" runat="server"
        TargetControlID="DropDownList1"
        PromptPosition="Top"
        PromptText="a"
        BehaviorID="ListSearchExtender3" />
        <asp:DropDownList ID="DropDownList2" runat="server" Width="120px">
            <asp:ListItem>&amp;</asp:ListItem>
            <asp:ListItem>a</asp:ListItem>
            <asp:ListItem>A</asp:ListItem>
            <asp:ListItem>AA</asp:ListItem>
            <asp:ListItem>AaA</asp:ListItem>
            <asp:ListItem>b</asp:ListItem>
            <asp:ListItem>bc</asp:ListItem>
            <asp:ListItem>bcd</asp:ListItem>
            <asp:ListItem>bd</asp:ListItem>
            <asp:ListItem>c</asp:ListItem>
        </asp:DropDownList>
        <ajaxToolkit:ListSearchExtender ID="ListSearchExtender4" runat="server" TargetControlID="DropDownList2" PromptPosition="Top" BehaviorID="ListSearchExtender4"></ajaxToolkit:ListSearchExtender>
    &nbsp;<br />
    <br />
    &nbsp;
    <br />

    <script type="text/javascript">
    // (c) Copyright Microsoft Corporation.
    // This source is subject to the Microsoft Permissive License.
    // See http://www.microsoft.com/resources/sharedsource/licensingbasics/sharedsourcelicenses.mspx.
    // All other rights reserved.
        
    // Script objects that should be loaded before we run
    var typeDependencies = ['AjaxControlToolkit.ListSearchBehavior', 'AjaxControlToolkit.PopupBehavior'];
    
    // Test Harness
    var testHarness = null;
    
    // Last object to fire an OnChange
    var lastOnChange = null;
    
    var changeHandler = null;
   
    function initializeEvent(element, eventName, charCode, keyCode) {
        var eventObject;
        if(document.createEventObject) {
            var eventObject = document.createEventObject();                
            eventObject.srcElement = element;
            eventObject.type = eventName;
            if(keyCode) {
                eventObject.keyCode = keyCode;
            }
            if(charCode) {
                eventObject.charCode = charCode;
            }
        } else if(document.createEvent) {
            var eventObject = document.createEvent('KeyEvents');
            eventObject.initKeyEvent( eventName, true, true, null, false, false, false, false, keyCode, charCode );
        } else {
            alert("Can't create fire events using this browser");
            return null;
        }

        return new Sys.UI.DomEvent(eventObject);
    }

    function sendKey(extender, element, charString, keyCode) {
        extender._onKeyDown( initializeEvent(element, 'keydown', null, keyCode));
        if(!charString && keyCode && Sys.Browser.agent != Sys.Browser.InternetExplorer) {    // FireFox fires a keyPresss for backspace etc.
            extender._onKeyPress(initializeEvent(element, 'keypress', 0, keyCode));
        } else if (charString) {
            extender._onKeyPress(initializeEvent(element, 'keypress', charString.charCodeAt(0), 0));
        }
        extender._onKeyUp(initializeEvent(element, 'keyup', null, keyCode));
    }



    function checkPrompt(extender, expectedPrompt) {
        var prompt = extender._promptDiv;
        testHarness.assertTrue(prompt, 'Expected prompt "' + expectedPrompt + '" but got no prompt');
        
        if(expectedPrompt == '') {
            testHarness.assertEqual(prompt.innerHTML, '', 'Expected prompt to be empty but it is "' + prompt.innerHTML + "'");
        } else {
            testHarness.assertEqual(prompt.firstChild.nodeValue, expectedPrompt, 'Expected prompt to be "' + expectedPrompt + '" but it is "' + prompt.firstChild.nodeValue + '"');
        }
    }

    function sendKeyAndCheck(extender, element, charString, keyCode, expectedPrompt, expectedIndex) {
        sendKey(extender, element, charString, keyCode);
        checkPrompt(extender, expectedPrompt);
        testHarness.assertEqual(element.selectedIndex, expectedIndex, 'Expected selected index to be ' + expectedIndex + ' but it is ' + element.selectedIndex);
    }

    function checkLastOnChange(element) {
        testHarness.assertTrue(lastOnChange, 'Expected an OnChangeEvent to have been fired.');
        testHarness.assertEqual(lastOnChange.type, 'change', 'Expected a change event to have been fired, but got ' + lastOnChange.type);
        testHarness.assertEqual(lastOnChange.target, element, 'Change event fired for wrong target');
        lastOnChange = null;
    }    
    
    function checkNoOnChange() {
        testHarness.assertFalse(lastOnChange, 'Expected no OnChangeEvent to have been fired.');
    }    

    function onChange(eventObject) {
        lastOnChange = eventObject;
    }
    
    function attachOnChangeEvent(element) {
        lastOnChange = null;
        changeHandler = Function.createDelegate(this, onChange);
        
        $addHandler(element, 'change',     changeHandler);
    }
    
    function removeOnChangeEvent(element) {
        $removeHandler(element, 'change',     changeHandler);
    }

    var listBox1;
    var extender1;
    var listBox2;
    var extender2;
    
    var dropDownList1;
    var extender3;
    var dropDownList2;
    var extender4;


    var aKey = 65;
    var bKey = 66;
    var cKey = 67;
    var dKey = 68;
    var xKey = 88;
    var ampKey = 55;
    
    // Register the tests
    function registerTests(harness) {