0

我正在开发一个 Bokeh 应用程序,该应用程序在其他小部件中具有 aTextInputMultiSelect. (由于 Bokeh 没有本地搜索小部件,我尝试构建一个具有输入框和一个框来显示基于输入字段的 dB 查询返回的结果。)

TextInputboxask_fruit的代码用于MultiSelect显示 dB 查询返回的结果。使用的callback功能TextInputdb_query

def SearchDisplay():
    ask_fruit = TextInput(value="Enter fruit name here",
                        title="Input box:"
                        )

    ask_fruit.on_change("value", db_query)

    available_fruits = MultiSelect(title=None,
                           value=["All"],
                           options=[]
                           )

    return [ask_fruit, available_fruits]



def db_query(attr, old, new):

    #conn = pyodbc.connect('fruit-db', autocommit=True)
    #curs = conn.cursor()
    #query = "select fruit_id from fruitdB"
    #curs.execute(query)
    #fruit_list = curs.fetchall()

    fruit_list = ["Fuji", "Gala", "McIntosh"] 

    return fruit_list

问题是如何MultiSelect使用回调返回的结果填充小部件?

是否可以只options=[ask_fruit.on_change("value", db_query)] 在代码中执行MultiSelect

操作如下所示:

在此处输入图像描述

4

1 回答 1

1

你需要为.options多选widger的属性设置一个新值,它会自动同步到前端:

from bokeh.io import curdoc
from bokeh.layouts import widgetbox
from bokeh.models.widgets import MultiSelect, TextInput

# ------------------ WIDGETS -------------------- #

ask_fruit = TextInput(
    value='Enter fruit name here',
    title='Input box:',
)

available_fruits = MultiSelect(
    title=None,
    value=[],
    options=[]
)

# ------------------ EVENTS ---------------------- #

def db_query(attr, old, new):

    # [...]

    available_fruits.update(
        options=[
            ("foo", "Foo"), ("bar", "BAR"),
            ("baz", "bAz"), ("quux", "quux")
        ]
    )

ask_fruit.on_change('value', db_query)

def on_change_value_available_fruits(attr, old, new):
    print('-- VALUE CHANGED TO: {}'.format(new))

available_fruits.on_change('value', on_change_value_available_fruits)

curdoc().add_root(widgetbox(ask_fruit, available_fruits))
于 2018-04-01T01:08:00.293 回答