6

autoComplete (primefaces 3.3) のサイズを変更しようとしています。以下のすべてのオプションを試しましたが、サイズは同じままです。

size="600"
Style="width:600px;"
StyleClass > css file with width:600px;

しかし、どれもサイズを大きくしないので、どうすればいいですか。

注: (幅 > PanelGrid サイズ) を指定すると、パネル グリッドのサイズは自動的に変更されますが、autoComplete はデフォルト サイズのままであることに気付きました。

更新: 私のオートコンプリート コード

<p:autoComplete id="autoTest" value="#{testMB.selectedTest}" 
completeMethod="#{testMB.completeTest}" var="test" 
itemLabel="#{test.name}" itemValue="#{test}" converter="#{testConverter}"
forceSelection="TRUE"  queryDelay="1000" multiple="TRUE" size="600" 
process="@this">
4

9 に答える 9

14

inputStyle属性を使用して、Primefaces 5.2 の AutoComplete のデフォルト サイズを変更しました。

例：

inputStyle="width: 100px"
于 2015-05-05T15:16:35.403 に答える
8

を変更するだけですsize。

     size="30"

    <p:autoComplete id="yourId" value="#{YourBean.value}" completeMethod="#{YurBean.complete}" size="30"/>
于 2012-09-24T09:21:18.077 に答える
5

AutoComplete のサイズを変更するには、AutoComplete 用に素数のデフォルトの styleClass をオーバーライドする必要があります。firebug を使用すると、スタイルクラス名を正確に見つけることができます。firebug を使用して AutoComplete 要素を調べると、次のようにスタイルクラスをオーバーライドできます。.ui-autocomplete-input.ui-inputfield { width : 50px !important;
}

!important は、高い優先度を保持することを主張するためにここで注意されます。

于 2013-02-11T14:08:09.043 に答える
1

次のように使用します。

<p:autoComplete 
  ...
  style = "width: 100%"
  inputStyle = "width: 100%" />

必要なサイズをピクセル単位で 100% に変更するだけです。

于 2015-08-28T15:12:10.937 に答える
0

私が知っている最も簡単な方法は次のとおりです。スタイルタグをページに追加して、このクラスをその中に入れます: .ui-inputfield with this attribute: width:600px;

ただし、これにより、ページ内のすべての入力が変更されることに注意してください:)

于 2012-09-25T11:48:34.990 に答える
0

私は以下のcssを使用してそれを行いました

.ui-autocomp .ui-inputfield {
clear: left;
cursor: text;
list-style-type: none;
margin: 0;
min-height: 1px;
overflow: hidden;
width: 250px;
}

選択範囲が 250px を超えないようにする必要があります。そうしないと、閉じるアイコン + 余分なテキストが表示されません。

注：これはprimeface cssファイルから取得しました

于 2012-09-29T17:19:00.070 に答える