1

以前の推奨事項に基づいてhttp://jqueryui.com/demos/autocomplete/を使用していますが、うまく機能しています。

表のオートコンプリート リストの結果を書式設定しようとしています。今、私の結果は次のようなものです：

Last name, first name - id number - status code

名前のリストがある場合、何もうまく整列しません

Name - ID - Status
Brown, Charlie - 2 - A
Jones, Henry - 3 - I

何とか手に入れたい

Name             ID  Status
Brown, Charlie   2   A
Jones, Henry     3   I

これは可能ですか？現在、次のような「ラベル」、「値」、および「id」配列を持つjsonデータソースを使用しています。

{"label":"Brown, Charlie - 2 - A","value":"Brown, Charlie","id":"2"}
{"label":"<span style="color: red;">Jones, Henry - 3 - I</span>","value":"Brown, Charlie","id":"2"}

ラベルはドロップダウンに表示され、値は元のテキスト ボックスに返されるものであり、id は非表示フィールドに返されるものです。

いくつかの div を配列のラベル部分に混ぜてみましたが、うまくいきませんでした。非アクティブなユーザーのラベルのスパンは問題なく機能しますが、スパンの幅を固定幅に設定できません。

何か私にできることはありますか？

4

2 に答える 2

1

固定フォント (クーリエなど) を使用して、名前フィールドにパディングすることを考えたことはありますか?

それは物事をうまく並べるはずです。何かのようなもの：

$maxWidth = 30;
$nameWidth = strlen(lastname) + strlen(firstname) + 2  //don't forget the comma and space
$padding = $maxWidth - $nameWidth;

次に、計算された金額で姓と名を埋めるだけで、物事が整列するはずです.

于 2010-05-13T16:27:32.337 に答える