ajax-用AutoCompleteExtender实现的自动完成列表和输入框有间隔

问题描述

用AutoCompleteExtender实现的自动完成列表和输入框有间隔

如图所示

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 <asp:AutoCompleteExtender ID="TextBox1_AutoCompleteExtender" runat="server"
     CompletionInterval="200" TargetControlID="TextBox1" MinimumPrefixLength="1"
     ServiceMethod="GetList" ServicePath="WebService2.asmx" CompletionSetCount="10"
     FirstRowSelected="True" UseContextKey="True">
 </asp:AutoCompleteExtender>

问题到底出在哪里?

解决方案

下拉弹出层是ul,ul默认有margin/padding的,所有空白,css去掉ul的空白就行

ul,li{margin:0px;padding:0px}

论坛帖子有说过:http://bbs.csdn.net/topics/390932272

时间: 2024-10-29 13:23:11

ajax-用AutoCompleteExtender实现的自动完成列表和输入框有间隔的相关文章

ajax 框架autocompleteextender实现自动完成功能

ajax 框架autocompleteextender实现自动完成功能 需要一个WebService 我也懒得改名子,就直接叫WebService.asmx; 为什么要用WebService? 其实我也不太清楚,只知道AutoCompleteExtender需要三个最为关键的属性: ServicePath="WebService.asmx"  ServiceMethod="GetWordList" TargetControlID="txtText"

Ajax点击不断加载数据列表_AJAX相关

Ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载

Ajax点击不断加载数据列表

Ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载

AJAX实例:根据邮编自动完成地址信息

ajax 描述: 在注册或购物车结帐的时候,需要用户填入个人资料,这个环节可以简练一下,我们只需客人填入邮政编码,然后就根据这个邮政编码,自动从数据库中取出相应的省,市等地址信息.这样既可以减少客户的输入,增加客户体验,又可以减少由于资料输入而产生的错误. 实现:  HTML<script>function createRequestObject() {    var ro;    var browser = navigator.appName;    if(browser == "

Ajax基础教程(4)- 实现基本Ajax技术 4.9 提供自动完成

我们遇到的最受欢迎的功能之一就是自动完成.许多人都使用过Intuit的Quicken之类的工具,并对其注册表的功能很是着迷,它的注册表能根据以前的注册项填入信息.这就使得数据输入更快.更容易,而且不容易出错.对于胖客户应用,增加这个功能可能很容易,但是Web应用长期以来一直都没有这个特性[1].不过,Google在其beta实验区推出Google Suggest后,证明了自动完成对于Web应用并非遥不可及. Google Suggest实在让人赞叹不已(见图4-16).它不仅很好地放置了下拉区,

Ajax基础教程(4)- 实现基本Ajax技术 4.4 创建自动刷新页面

股票行情.天气数据.标题新闻--这些都是经常改变的数据,但不值得为这些数据的修改手工地完全刷新页面.尽管CNN.com之类的网站确实会定期重新加载,但是,如果只是为了改变一两个标题新闻和几个图就重绘整个页面,这可能很让人扫兴.当然,如果刷新整个页面,可能很难发现到底哪些是新内容! 如果使用Ajax,用户就不用反复点击refresh(刷新)按钮.技术新闻网站Digg (http://digg.com/spy)就使用了这种技术.Digg采用自动刷新方法不断更新其页面,并使用了很有帮助的褪色技术,以可

Ajax基础教程(4)- 实现基本Ajax技术 4.3 动态加载列表框

Web应用通常使用"向导工具"设计原则来构建,即每个屏幕要求用户输入少量的信息,每个后续页的数据都依据前一页的输入来创建.对于某些情况,这个设计模式非常有用,如用户以一种逐步.有序的方式完成任务.遗憾的是,太多的Web应用使用了这种方法,因为它们别无选择.在Ajax技术出现之前,当基于用户输入修改页面上的某些部分时,动态地更新页面而不刷新整个页面是很难办到的,甚至根本不可能. 避免完全页面刷新的一种技术是在页面上隐藏数据,并在需要时再显示它们.例如,假设选择框B的值要根据选择框A中所选

jQuery+PHP+ajax实现微博加载更多内容列表功能_php技巧

在一些微博网站上我们经常可以看到这样的应用,微博内容列表上并没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文将结合jQuery和PHP给大家讲述如何实现这种功能. Ajax加载的基本原理:当页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"查看更多"的链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作

Ajax中通过JS代码自动获取表单元素值的示例代码_AJAX相关

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f