zoukankan      html  css  js  c++  java
  • HTML中利用纯Microsoft Ajax Library做出可调用WebSerives的AutoComplete

    在开发的时候使用Asp.net Ajax的AJaxtoolkit是很方便的,但是对于非asp.net页面就很不方便了,下面介绍一下在html/asp/php等非asp.net下调用autoComplete的webserives
    HTML 页中加入
    <script type="text/javascript" src="/JavaScript/MicrosoftAjaxWebForms.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/Common.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/Timer.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/Animations.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/BaseScripts.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/AnimationBehavior.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/PopupBehavior.js"></script>
    <script type="text/javascript" src="/JavaScript/Client/AutoCompleteBehavior.js"></script>  
    <input name="Username" type="text" id="Username" autocomplete="flase" />
    <script type="text/javascript">
    <!--
        $create(AjaxControlToolkit.AutoCompleteBehavior, {
    "completionInterval":400,"completionSetCount":6,"delimiterCharacters":"","id":"autoComplete1","serviceMethod":"GetCompletionList","servicePath":"/WebServices/AutoComplete.asmx"}, nullnull, $get("Username"));
    // -->
    </script>

    这样就可以在input上产生autoComplete效果

    关键是JS引用的顺序不要错啊
    代码下载:https://files.cnblogs.com/chsword/Code.rar
  • 相关阅读:
    Python经典算法-快速幂
    HTML/CSS代码片段
    JavaScript代码片段
    全选、全不选、反选
    NodeJS入门
    Ajax入门
    伪协议触发onbeforeunload
    CSS优先级、引入方式、Hack
    iframe的操作
    四:JAVA 消息队列(blockingqueue)的应用
  • 原文地址:https://www.cnblogs.com/chsword/p/839437.html
Copyright © 2011-2022 走看看