1

すでに実装されているもの: Backgrid テーブルがtable1データベースからレンダリングされるページがあり (正常に動作しています)、Backgrid 内のほとんどのセルが編集可能です。既存の詳細をグリッドに表示し、同時に必要に応じて編集できるように、セルは編集可能なままになっています。空の行のセルの 1 つをダブルクリックすると、さらに新しい行を追加できます。

達成する必要があること:clientid現在 ID 番号のみを表示 する列 ( ) がありますがclient-name、そのセル内の既存の ID に基づいてセルを表示する必要があります。これら[clientid, client-name]はデータベースから取得さtable2れます。セルも編集可能であるため、ユーザーが を使用して適切なクライアントを選択できるようにしますBackgrid.Extension.Select2Cell。

この例を参照すると: http://backgridjs.com/ref/cell.html

{
    name: "gender",
    label: "Gender",
    cell: Backgrid.SelectCell.extend({
      // It's possible to render an option group or use a
      // function to provide option values too.
      optionValues: [["Male", "m"], ["Female", "f"]]
    })

はGender (SelectCell)、定義された optionValues に基づいて選択するオプションを表示します。同様に、選択オプションをドロップダウンとしてリストする必要があります (table2データベースから としてプルされます[clientid, client-name]) と同時に、セルの内容 (からtable1) は ID ではなくテキストを表示する必要があります...そのため、Maleそうではありませんm（m上記の例を参照）。

4

1 に答える 1

0

ここで問題が本当にわかりません...

{
  name: "client_id",
  label: "Client",
  cell: Backgrid.SelectCell.extend({
    optionValues: [["Client1", "client1_id"], ["Client2", "client2_id"], ...]
  })
}

必要に応じて動作するはずです。足りないものはありますか？

于 2014-07-27T22:49:35.000 に答える