Bokeh：在CustomJS Callback中引用选择小部件

Question

我希望能够在CustomJS回调中引用2个选择小部件（ select1.value和select2.value ），所以我不能使用cb_obj.value 。

select1 = Select(title="Level:", options=['All Levels', '1', '2', '3'], callback=callback)

首先，我尝试直接在回调中引用其值：

callback = CustomJS(args=dict(source=source, ts=true_source), code="""
var f = select1.value

这导致错误：未定义select1：

    Uncaught ReferenceError: select1 is not defined
    at eval (eval at get (bokeh-1.1.0.min.js:31), <anonymous>:9:11)
    at i.execute (bokeh-1.1.0.min.js:31)
    at e.change_input (bokeh-widgets-1.1.0.min.js:31)
    at e.change_input (bokeh-widgets-1.1.0.min.js:31)
    at HTMLSelectElement.<anonymous> (bokeh-widgets-1.1.0.min.js:31)

然后我尝试将select1传递给回调中的args：

 callback = CustomJS(args=dict(source=source, ts=true_source, select1=select1), code="""
    var f = select1.value

因为select1的参数是callback=callback ，如果我在定义callback之前定义select1 ，python将生成错误，因为在赋值之前引用了callback 。 反之亦然，如果我在select小部件之前定义callback 。

所以我尝试了这个：定义select1两次

select1 = ... (without the callback argument)
callback = ...
select1 = ... (with the callback argument)

这最终产生了散景图。 但是当我点击选择小部件时，没有任何价值。

var f=select1.value;
console.log('Select1 type ' + f.constructor.name.toLowerCase()); // string, as expected
console.log('Value ' + f); // outputs 'Value ', so f is nothing
console.log('Select1 options ' + select1.options); // Output is as expected

如果我为select1提供默认值参数， select1.value将不为空：

select1 = Select(title="Level:", value='1', options=['All Levels', '1', '2', '3'], callback=callback)

但是，无论我将窗口小部件的实际值更改为什么， select1.value都将保持为“1”。 所以价值根本没有更新。

我很感激帮助..谢谢！

Answer 1

我终于开始工作了。 我使用js_on_change而不是将callback添加为widget参数。

在回调函数中，我将小部件名称作为参数传递。

1）定义选择小部件，指定默认值

select1 = Select(title="Level:", value='All Levels', options=['All Levels', '1', '2', '3'])
select2 = Select(...)

2）定义回调，明确地将小部件作为参数传递

callback = CustomJS(args=dict(source=source, ts=true_source, select1=select1, select2=select2), code="""
f = select1.value
g = select2.value
"""

3）js_on_change

select1.js_on_change('value', callback)