1

表形式のjQuery UI オートコンプリート コンボ ボックス ( http://jqueryui.com/autocomplete/#combobox ) があります。

<tbody>
 <tr>
  <td><select id="someSelect"><option....></select></td>
  <td>....</td>
  <td>....</td>{*n}
 </tr>
</tbody>
<script>
  $('select#someSelect').combobox();
</script>

各行は、コンボ ボックスを含めて 6 つ以下のいくつかの TD 要素を取得します。

問題は、コンテンツ サイズによってウィンドウ サイズが動的に変化するときに、入力フィールドの横にあるボタンが入力ボックスの下に移動することです。

選択ボックスで .combobox() を呼び出した後:

<td>
  <select name="select1" id="ma1" style="display: none;">
    <option value="0">Select Attribute</option>
    <option value="ContactFirstName">ContactFirstName</option>
  </select>
  <input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
  <button type="button" tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-button-icon" role="button" aria-disabled="false">
    <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
    <span class="ui-button-text"></span>
  </button>
</td>

ウィンドウを横方向に縮小すると、入力フィールドの横にあるボタンがテキスト ボックスの下に移動します。

ウィンドウのサイズに関係なく、入力ボックスの横にボタンスティックを強制するにはどうすればよいですか?

4

1 に答える 1

0

これを行う方法は、コンテナー要素 (この場合はおそらくタグ) を常にコンボボックスとボタンの両方を保持するのに十分な幅にすることです。したがって、コンテナ要素の最小幅の値は、幅が広くなるはずです。したがって、コンボボックスの幅が 200px で、ボタンの幅が 100px の場合 (これはマージンが含まれていないふりをするためのものです)、親コンテナーには min-width: 300px が必要です。

于 2013-05-10T17:36:39.970 に答える