易截截图软件、单文件、免安装、纯绿色、仅160KB

用AJAX实现google输入自动完成的简单模拟(转)

用AJAX实现google输入自动完成的简单模拟
2009-03-02 13:00
比较简单的模拟,文本框输入CompanyName,然后
搜索SqlServer2000 里NorthWind数据库 Suppliers表的CompanyName字段,
然后实现自动完成
四个文件
1 .AutoComplete.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
     <title>输入自动完成</title>
     <script language="javascript">
        //输入信息的文本框
        var txtInput;
        //下拉表当前选中项的索引
        var currentIndex = -1;
       
        //初始化参数,和下拉表位置
        function initPar()
         {
              txtInput = document.getElementById("txtCompanyName");
             //设置下拉表相对于 文本输入框的位置
              setPosition();
         }
        
        //设置下拉表相对于 文本输入框的位置
        function setPosition()
         {
            var width = txtInput.offsetWidth;
            var left = getLength("offsetLeft");
            


相关文档:

经典Ajax调用

  function delDepart(){
      if(confirm("要删除部门必须删除该部门与员工的关系以及其所有下属部门")){
      var departId=form1.departId.value;//部门ID
      var url = "Depart/DelDepart.aspx?DepartId="+departId;
  ......

AJAX中UpdatePanel控件属性的相关介绍

RenderMode属性:使用某一个元素圈出一个区域,它有两个值:— Block(默认)、Inline
Block:使用的div标记;Inline:使用的是span标记
UpdateMode属性:一个UpdateMode在某次异步回送之后,它并不一定会更新,她可能需要满足一定的条件才更新,如果一个
UpdatePanel的UpdateMode为Always(总是),则表示在某次异步传 ......

【AJAX基础】AJAX系列教程网址

一、轻松掌握Ajax.net系列教程一:部署AJAX.NEThttp://hi.baidu.com/welllxy001/blog/item/9fd331cadcbdff8cc8176828.html
二、轻松掌握Ajax.net系列教程二:部署Ajax Control Toolkithttp://hi.baidu.com/welllxy001/blog/item/17f8fd8271c288a80df4d229.html ......

提高asp.net ajax应用程序性能的一些方法

1. 适当使用UpdatePanel
2. 利用WebService方法动态生成用户控件的内容,避免UpdatePanel回传造成的性能损失(ViewState)
3. ToolkitScriptManager代替ScriptManager
4. <asp:ScriptManager runat="server" ID="sm" ScriptMode="Release" EnablePartialRendering="false"
......

你应该知道的20个Ajax技术(01 10)


1) TextboxList自动完成 (源码,演示)
这个控件主要来自Facebook吧,在网易的邮件里也能看到,还有hotmail等等,在文本框里输入文本不但可以出现相关数据的列表,而且选中后的字符串还会变成一个小图标。这个控件主要用在电子邮件中吧。
2) Ajax IM即时聊天 (源码,演示)
Ajax IM是一个很牛的即时聊天的客户端,你 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号