Python/Bokeh DataTable在行选择时触发一个函数

Question

我试图创建一个DataTable，当用户按某一行时，它将运行回调。回调需要具有第一列的值（对于所选行）

尝试了几件事，但都没有成功：

from bokeh.layouts import widgetbox, row, column
from bokeh.models import ColumnDataSource, CustomJS
from bokeh.models.widgets import Button, RadioButtonGroup, RadioGroup, Tabs, \
    TextInput, Panel, Div, Select, DataTable, TableColumn, DateFormatter, \
    Slider

from bokeh.plotting import curdoc, show
import db_lib # database interaction
import dataAnalyzer

testBox = TextInput(title="test box", value = "start text")

# getting the data here:
data = {}
data["patients"] = {'kyma PT #': [1297, 1301, 1305, 1312], 'client PT #': [15072, 15255, 15228, 15077], 'patient name': ['John', 'David', 'Mark', 'Martin']}

patients_col = [
        TableColumn(field="kyma PT #", title="Kyma PT #", width = 50),
        TableColumn(field="client PT #", title="Client PT #", width = 50),
        TableColumn(field="patient name", title="Patient Name", width = 200),
    ]
patients_src = ColumnDataSource(data["patients"])

# method 1
source_code = """
row = cb_obj.indices[0]
testBox.update(value=patients_src.data["kyma PT #"][row])
"""
callback = CustomJS(args = dict(source = patients_src), code = source_code)
patients_src.selected.js_on_change('indices', callback)

layout = column(testBox)
show(layout)

这一个显示了一个错误：“Instance”的实例没有“js_on_change”成员”，它运行时没有崩溃，但在表中选择什么都不做。 还尝试：

# method 2
def table_select(attr, old, new):
    testBox.update(value=patients_src.data["kyma PT #"][row])

patients_src.selected.on_change('indices', table_select)

和第一次尝试一样。 以及：

# method 3
def table_select(attr, old, new):
    testBox.update(value=patients_src.data["kyma PT #"][row])

patients_src.on_change('selected', table_select)

此处没有错误，但回调不会运行

值得注意的是，我也在服务器上运行它（curdoc（）），但结果是一样的。 知道我做错了什么吗

Answer 1

您的代码仍然不完整：存在一些不存在的模块的导入，并且找不到该表

然而，这些问题似乎很容易解决。代码的主要问题是，您正在为CustomJS编写JavaScript代码，就好像它是Python代码一样

以下是您的代码的工作版本：

from bokeh.layouts import column
from bokeh.models import ColumnDataSource, CustomJS, DataTable
from bokeh.models.widgets import TextInput, TableColumn

from bokeh.plotting import show

testBox = TextInput(title="test box", value="start text")

patients_col = [
    TableColumn(field="kyma PT #", title="Kyma PT #", width=50),
    TableColumn(field="client PT #", title="Client PT #", width=50),
    TableColumn(field="patient name", title="Patient Name", width=200),
]
patients_src = ColumnDataSource({'kyma PT #': [1297, 1301, 1305, 1312],
                                 'client PT #': [15072, 15255, 15228, 15077],
                                 'patient name': ['John', 'David', 'Mark', 'Martin']})

source_code = """
const row = cb_obj.indices[0];
testBox.value = source.data["kyma PT #"][row].toString();
"""
callback = CustomJS(args=dict(source=patients_src, testBox=testBox), code=source_code)
patients_src.selected.js_on_change('indices', callback)

layout = column(testBox, DataTable(columns=patients_col, source=patients_src))
show(layout)