0

データソースがローカルホストsolrであるオートコンプリートコンポーネントを作成しました。すべて正常に機能しますが、ドロップダウンメニューボックスの形式で提案が必要ですが、私の場合は通常のリストとして表示され、ドロップダウンは表示されません。が表示されます。

これが私のコードです、

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Autocomplete</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery.ui.position.js"></script>
<script type="text/javascript" src="jquery.ui.widget.js"></script>
<script type="text/javascript" src="jquery.ui.autocomplete.js"></script>
<SCRIPT type="text/javascript">

$(function() {
    $("#autotextsearch").autocomplete({
        source: function( request, response ) {
            $.ajax({
            url: "http://localhost:8080/solr2/select?q=Query%3A"+request.term+"*&wt=json",
            data: { 
                style: "full", 
                maxRows: 5
             }, 
             dataType: "json",
             type: "GET", 
             contentType: "application/json; charset=utf-8", 
             cache:false,
             asynch:false,
             success: function( data ) {
             data=parse();
             function parse(){
             var parsedQueries=[];
             for(var i=0;i<data.response.docs.length;i++){
                parsedQueries[i]=data.response.docs[i].Query;
            }
            return parsedQueries;
            }

             response($.map(data, function( item ) { 
                    return { 
                        label: item,
                        value: item
                    }; 
            }));
            }
          }); 
         },
        minLength: 2
        });
    });
    </SCRIPT>
</head>
<body>
<f:view>
<label for="autotextsearch">Search Here :  </label>
<input id="autotextsearch"/>
</f:view>
</body>
</html>
4

0 に答える 0