`
conquer0
  • 浏览: 78364 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery autoComplete一:autothink.jsp

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<html:html>
<HEAD>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.util.*"%>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String searchinfo="";
%>
<script src="<%=basePath%>js/jquery.autocomplete.js"></script> 
<link href="<%=basePath%>css/jquery.autocomplete.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" language="javascript">
var root_url="<%=basePath%>";
function defineDocSearchInput()
{
   //自动联想功能
   initAutoThink();  
   var inputDocSearchVal = $("#inputProductSearch").val();
   $("#inputProductSearch").blur(refreshDocSearchTipBlur);
   $("#inputProductSearch").focus(refreshDocSearchTipFocus);
   if (inputDocSearchVal == "<bean:message key='support.navigate.auto.think.inputInfo'/>")
   {
      $("#inputProductSearch").val("");
   }
}
function refreshDocSearchTipFocus()
{
var inputDocSearchVal = $("#inputProductSearch").val();
  if (inputDocSearchVal == "<bean:message key='support.navigate.auto.think.inputInfo'/>")
  {
  $("#inputProductSearch").val("");
  }
}
function refreshDocSearchTipBlur()
{
var inputDocSearchVal = $("#inputProductSearch").val();
  if (inputDocSearchVal == "" || null==inputDocSearchVal || 0==inputDocSearchVal.length)
  {
  $("#inputProductSearch").val("<bean:message key='support.navigate.auto.think.inputInfo'/>");
  }
}
//解析json数据
function parseFn(data) {
    var rows = [];
    if(data==null)  
    return rows; 
    for(var i=0; i<data.length; i++){
        rows[rows.length] = {      
           data:data[i],   
           result:data[i].PROLINE_NAME,
           result:data[i].PROFAMILY_NAME,
           result:data[i].PRODUCT_NAME,
           result:data[i].ITEM_NAME    
       };
     }  
    return rows;     
}
分享到:
评论

相关推荐

    jquery autocomplete下载.rar

    - **jquery.autocomplete.css**:这是插件的样式表文件,定义了 Autocomplete 功能的外观,包括建议列表的样式、高亮选中项的样式等。通过自定义这个 CSS 文件,我们可以调整补全提示的显示效果,使其更好地融入...

    jquery.autocomplete.js资源压缩包下载

    `jquery.autocomplete.js`是jQuery的一个插件,它扩展了原生的jQuery库,增加了自动完成的功能。这个插件主要由两个核心部分组成:一个是前端展示部分,负责渲染和展示联想结果;另一个是数据处理部分,用于获取和...

    jquery.autocomplete.js使用示例,可直接运行

    **jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...

    jquery autocomplete 动态补全例子有说明ajax加载

    jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...

    jquery.autocomplete 类包.rar

    这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...

    jquery的autocomplete(自动补全)插件

    **jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...

    jquery.autocomplete.min.js

    jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的

    jquery.autocomplete.js

    首先,让我们明确一下标题中的“jquery.autocomplete.js”——这是一个基于jQuery库的Autocomplete插件,它的主要功能是为HTML文本输入框添加自动完成的功能。它通过动态加载数据并根据用户输入的内容进行匹配,从而...

    jquery自动补全插件(jquery autocomplete)

    在本压缩包中,我们有两个文件:`jquery.autocomplete.js` 和 `jquery.autocomplete.css`,它们分别负责插件的核心功能和样式定义。将这两个文件放入你的项目目录,并在页面中通过 `&lt;script&gt;` 和 `&lt;link&gt;` 标签引入...

    jQuery-Autocomplete-exaples.rar

    本篇文章将深入探讨 `jquery.autocomplete.js` 的参数属性及其在实际应用中的使用方法。 ### 1. 插件基本使用 首先,确保引入了 jQuery 和 Autocomplete 的 JavaScript 文件。在 HTML 文档的 `&lt;head&gt;` 或 `&lt;body&gt;`...

    jquery插件jquery-ui-1.8.2.custom.min.js

    Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...

    jquery.autocomplete.js&css.rar

    本文将深入探讨`jquery.autocomplete.js`和`jquery.autocomplete.css`这两个核心文件,以及如何利用它们来创建一个完善的自动完成组件。 首先,`jquery.autocomplete.js`是jQuery Autocomplete插件的核心JavaScript...

    jquery.autocomplete

    同时,为了美观和布局,还需要引入 `jquery.autocomplete.css` 文件,该文件定义了插件的样式规则。 ### 2. 使用方法 要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete...

    jQuery-Autocomplete-master.rar

    jQuery Autocomplete是一个非常实用的前端插件,它允许开发者为输入框添加自动补全功能,极大地提升了用户体验。这个"jQuery-Autocomplete-master"压缩包提供了一个简单的示例,用于演示如何利用jQuery实现自动补全...

    jquery autocomplete js 文件

    - Autocomplete 插件文件:例如 `jquery.autocomplete.js`,这包含了 Autocomplete 功能的具体实现。 ```html &lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt; &lt;script src="jquery....

    jquery autocomplete

    jQuery Autocomplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全的功能,极大地提升了用户在网站上的交互体验。这个插件源自于 jQuery UI 库,但也可以单独使用。在本文中,我们将深入探讨 jQuery ...

    jquery.autocomplete 增加自定义查询方法

    `jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...

    jquery-autocomplete

    &lt;script src="jquery.autocomplete.js"&gt; $(document).ready(function() { $("#searchBox").autocomplete({ source: ["Option1", "Option2", "Option3"], // 数据源 minLength: 2, // 最小输入长度 select: ...

    jQuery AutoComplete使用实例

    &lt;script src="path/to/jquery.autocomplete.min.js"&gt; ``` ### 2. 初始化 AutoComplete 初始化 AutoComplete 需要对输入框元素进行操作,并提供数据源。数据源可以是静态数组、AJAX 请求返回的数据或者函数。...

    jQuery.Autocomplete 中文支持.pdf

    jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...

Global site tag (gtag.js) - Google Analytics