0

3つのテキストボックスがあるとしましょう:

  1. 製品
  2. 購入価格
  3. 販売価格

製品のテキストボックスはオートコンプリートで、すでにうまく機能していますが、テーブルから取得できるデフォルトのbuyPriceとデフォルトのsellPriceを入力したいので、返されるjsonにそれを含めることができます。出来ますか？？私はそれをグーグルで検索しましたが、まだ良い例を見つけることができません。

これは私のコードの一部です:

$( "#product" ).autocomplete({
    source: '/product/product'
});

私の製品リストjsonのサンプル:

["x10","f10","f25"]

そしてもう1問。ユーザーが製品テキストボックスに何かを入力するたびにサーバーにアクセスする必要がないように、製品リストをプリロードすることは可能ですか?

4

1 に答える 1

1

オートコンプリートのselectイベントを使用します。

あなたが得ている応答は、オートコンプリートではうまく機能しません。ドキュメントによると、ソースは単純な配列ではなく、そこに追加のフィールドを持つ json オブジェクトを返す必要があります。このような：

{
    value: "jquery",
    label: "jQuery",
    buy:   100,
    sell:  200
  },

次に、選択コールバックで、次のようなフィールドを使用できます

 select: function( event, ui ) {
    $( "#project" ).val( ui.item.label );
    $("#buyPrice").val( ui.item.buy );
    $("#sellPrice").val( ui.item.sell );

    return false;
  }

フィドルの例

于 2013-04-24T06:46:00.260 に答える