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
  • 相关阅读:
    iview表格render多元素封装
    iview表单语法
    vue实例,extend methods——实例属性 vue和jQuery.js一起使用
    vue.js基础__ extend 扩展选项
    vue.js基础__ mixins 选项
    vue.js基础__ watch 选项
    vue.js基础__ methods 选项
    vue.js基础__ computed 选项
    vue.js基础__ propsData 选项
    vue-cli, webpack + vue 目录结构解读
  • 原文地址:https://www.cnblogs.com/chsword/p/839437.html
Copyright © 2011-2022 走看看