已经实现的内容:
我们有一个页面,从数据库中呈现 Backgrid 表table1
(工作正常),并且 Backgrid 中的大多数单元格都是可编辑的。单元格保持可编辑状态,以便现有详细信息可以显示在网格中,同时可以根据需要进行编辑。可以通过双击空行中的一个单元格来添加更多新行。
需要实现的目标:clientid
有client-name
一
列(这些[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
数据库中拉出 as [clientid, client-name]
),同时,单元格的内容(from table1
)应该显示文本而不是 ID...所以,Male
不是m
(m
参考上面的例子)。