オートコンプリートリストがselectInputTextの下で正しく整列していません

ボタンをクリックすると呼び出されるjsf <ice:panelPopupページにselectInputTextがあります。オートコンプリートリストがselectInputTextの下で正しく整列していません

問題私が直面しているのは、selectInputTextにオートコンプリートリストがあり、リストがmy jsfページの右下に表示されていることです。どのようにしてオートコンプリートリストをselectInputTextのすぐ下に表示させることができますか？以下は私のselectInputTextのスクリーンショットです私のリストは右下に表示されていますが、リストの値はグレー表示されています。

よろしく

http://s17.postimage.org/j86xpgnxr/screenshot.png

コード私のJSPXで

<h:panelGrid id="popupBody2" width="100%" cellpadding="0" cellspacing="0" column="1"> 
       <ice:form id="frm">           
       <tr> 
<td> 
         <h:outputText value="Select City" />       
          <ice:selectInputText rows="10" width="300" 
         listVar="city" 
         valueChangeListener="#{bean.method}" 
         listValue="#{bean.list}"> 
         <f:facet name="selectInputText"> 
        <ice:panelGrid columns="3" columnClasses="cityCol"> 
         <ice:outputText value="#city.state}"/>       
        </ice:panelGrid> 
    </f:facet> 
      </ice:selectInputText>   
        <ice:panelGrid columns="2">       
         <ice:outputText id="country" 
             visible="false" value="#{bean.currentCity.country}"/>      
        </ice:panelGrid>

更新1

<f:view xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:ice="http://www.icesoft.com/icefaces/component" 
     xmlns:t="http://myfaces.apache.org/tomahawk"> 
     <ice:outputDeclaration doctypeRoot="HTML" 
       doctypePublic="-//W3C//DTD HTML 4.01 Transitional//EN" 
       doctypeSystem="http://www.w3.org/TR/html4/loose.dtd" />    
     <html> 
     <head> 

     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta> 
     <title>Employees List</title> 
     <link rel='stylesheet' type='text/css' href='./xmlhttp/css/xp/xp.css' /> 
     </head>

アップデート2

a http://s7.postimage.org/46jk4tka3/autocomplete.png

出典

2012-02-01 user75ponic

どのdoctypeを使用していますか？ – BalusC

@BalusC私のヘッダー情報は、上記のように更新1として追加されます。 – user75ponic

Doctypeは大丈夫です。これはすべてのブラウザで表示されるのですか、IEのみで表示されますか？ ICEfaces独自のCSSを使用していますか、それとも何らかの方法で上書きしていますか？これをすべてのブラウザで見ると、ICEfaces独自のCSSを上書きしていない場合は、ICEfacesの人にバグとして報告し、新しいバージョンがないかどうかをチェックします。 – BalusC

これはあなたのhttp://jforum.icesoft.org/JForum/posts/list/16636.page

を助けるかもしれませんが、私はそれがちょうどので、私は少しie7,8,9で動作するようにコードを変更IE7のために働くことがわかりました。ここに私のコードはありますか

if (Prototype.Browser.IE || navigator.userAgent.indexOf("MSIE 8") > -1) { 
             var savedPos = element.style.position; 
             element.style.position = "relative"; 
             update.style.left = element.offsetLeft + "px"; 
             update.style.top = (element.offsetTop + element.offsetHeight) + "px"; 
             element.style.position = savedPos; 
            }

出典

2012-08-31 07:36:53 Mudasar

このように、私はまだ直接（< 50担当者）はコメントすることはできないんだけど、私は答えとして、それを投稿してください。 BalusCが1.8.2にバグがあり、IE8のどこか他の場所に提案リストを表示させることが明らかになった。これは、相対/絶対配置に関する問題です。だから解決策は、iceSelInpTxtListのCSSの位置属性を上書きすることでした。あるいは、囲みコンテナを変更しようとすることもできます（位置属性の変更）。私は私たちのソリューションを提供したいと思いますが、現時点でコードにアクセスして検索することはできません。

出典

2012-02-02 11:58:41

あなたの答えをありがとう。私が過去2日間この問題に苦しんでいるので、あなたがいくつかの解決策を提供できるかどうか、私は感謝します。感謝。 – user75ponic

Hm、私は以下の設定を覚えています： 'auotcompletetxt（position：static）'、 'iceSelInpTxtList（position：absolute）'。 IE 8でbrowsermode：ie8とdocumentmode：ie8-standardを使用するように、メインテンプレートに ' 。 –

私はselectInputTextを持っていますが、私はオートコンプリートとinputListを持っていません。 – user75ponic

オートコンプリートリストがselectInputTextの下で正しく整列していません

答えて

関連する問題