-
YUI的autocomplete功能调用ajax数据,不能自动完成了10
YUI的autocomplete功能调用ajax数据,不能自动完成了,比如我有adyerwer输入ad不定位到adyerwer
qq89062647
主页面:ac_basic_xhr_clean.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Basic Remote Data</title> <style type="text/css"> /*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */ body { margin:0; padding:0; } </style> <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" /> <link rel="stylesheet" type="text/css" href="../../build/autocomplete/assets/skins/sam/autocomplete.css" /> <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="../../build/connection/connection-min.js"></script> <script type="text/javascript" src="../../build/animation/animation-min.js"></script> <script type="text/javascript" src="../../build/datasource/datasource-min.js"></script> <script type="text/javascript" src="../../build/autocomplete/autocomplete-min.js"></script> <!--begin custom header content for this example--> <style type="text/css"> #myAutoComplete { width:25em; /* set width here or else widget will expand to fit its container */ padding-bottom:2em; } </style> <!--end custom header content for this example--> </head> <body class="yui-skin-sam"> <h1>Basic Remote Data</h1> <div class="exampleIntro"> <p>This AutoComplete implementation points to an online script that serves a data as delimited plain text. Enabling caching on the DataSource can reduce trips to the server and speed performance for repeated queries.</p> </div> <!--BEGIN SOURCE CODE FOR EXAMPLE =============================== --> <label for="myInput">Search our database:</label> <div id="myAutoComplete"> <input id="myInput" type="text"> <div id="myContainer"></div> </div> <script type="text/javascript"> YAHOO.example.BasicRemote = function() { // Use an XHRDataSource var oDS = new YAHOO.util.XHRDataSource("handle.jsp"); // Set the responseType oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT; // Define the schema of the delimited results oDS.responseSchema = { recordDelim: "\n", fieldDelim: "\t" }; // Enable caching oDS.maxCacheEntries = 5; // Instantiate the AutoComplete var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS); return { oDS: oDS, oAC: oAC }; }(); </script> <!--END SOURCE CODE FOR EXAMPLE =============================== --> </body> </html>
AJAX处理页面:handle.jsp<%@ page language="java" contentType="text/xml; charset=UTF-8" import="java.util.*,java.io.*"%> <% response.setHeader("Cache-Control", "no-cache"); StringBuffer sb=new StringBuffer(""); sb.append("adoiewewe\nadyerwer\nadlarewr\teeeee"); PrintWriter outPW=response.getWriter(); System.out.print("te"+sb.toString()); outPW.write(sb.toString()); outPW.close(); %>
2010年5月03日 22:21
目前还没有答案
相关推荐
Ajax源码(javascript)使用它可以构建更为动态和响应更灵敏的Web应用程序
yui框架集,内含多个demo,yui框架将ajax完美的包装,以及包含基于ajax的各种js组件,让开发人员可以缩短开发时间。
Ajax小部件yui-slideshow
YAHOO YUI 中文文档 AJAX 详细 比较好用
YUI资料 雅虎 用户接口库 中文说明及如何使用学习 Yui组件分成2类:工具包和控件库 Yui 工具包 Yui 工具包利用DOM脚本来简化...DOM:DOM工具包提供更简单的DOM脚本的功能调用方式,包含元素的位置和CSS样式的管理。
struts2 的 yahoo yui ajax 插件jar包及配置说明
YUI教程YUI 入门教程YUI 入门教程YUI 入门教程
::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . %%a in (*.js *.css) do ( @echo 正在压缩 %%~a .....
是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两个创建时工具: YUI Compressor ...
这个是YUI的稳定版本,新版本还在测试中。YUI在开发Ajax时能带来极大的方便。
可惜官网提供的版本都不具备右键功能,每次压缩都要cmd输入一些命令实在是繁琐,本文就介绍如何给YUI Compressor添加右键命令,方便使用。 网上已有一些网友写好的安装包,但对应的版本太低,目前最新最多人使用的...
yui3-master.zip
Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。
UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证 工具 动画 协助达成位置...
YUI Test is a complete testing framework for JavaScript and Web applications. You can use the simple JavaScript syntax to write unit tests that can be run in web browsers or on the command line, as ...
基于YUI3的dialog组件该组件是基于YUI3开发的,功能强大,详细见http://www.qiqicartoon.com
yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2
它利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui也包含几个核心的CSS文件。yui中的所有组件已经以开源的形式发布,它们遵循BSD协议并且可以免费使用。 YahooUI,搞WEB开发的朋友值得看一看,充分...
压缩前4.13MB 压缩后2.89MB 混淆率: 较高 一个windows下的批量处理脚本: @echo off ::设置YUI Compressor启动目录 SET YUIFOLDER=C: ::设置你的JS和CSS根目录,脚本会自动按树层次查找和压缩所有的JS和CSS SET ...
个人以为在现阶段,这种方式有一点激进,否能为广大用户所接受并发扬光大,还需要时间检验。YUI是个“学院派”的框架,以性能和严谨著称,易用性相对而言弱了一些。它能否在已经拉开的 JavaScript 框架大战中胜出,...