选择bokeh数据表行时的JS回调问题

from bokeh.models import DataTable, ColumnDataSource, CustomJS
from bokeh.layouts import column
from bokeh.io import show

# 创建数据源
data = {'x': [1, 2, 3, 4, 5], 'y': [6, 7, 8, 9, 10]}
source = ColumnDataSource(data)

# 创建数据表
columns = [
    TableColumn(field='x', title='X'),
    TableColumn(field='y', title='Y')
]
data_table = DataTable(source=source, columns=columns, width=400, height=200)

# 定义JavaScript回调函数
callback = CustomJS(args=dict(source=source), code="""
    // 获取用户选择的行的索引
    var selected_indices = source.selected.indices;
    
    // 处理选择的行
    for (var i = 0; i < selected_indices.length; i++) {
        var index = selected_indices[i];
        console.log('Selected row:', source.data['x'][index], source.data['y'][index]);
    }
""")

# 将JavaScript回调函数与数据表的选择事件进行绑定
source.selected.js_on_change('indices', callback)

# 显示图表
show(column(data_table))