Adding widgets dynamically in bokeh

Question

I want to add filters dynamically in bokeh, i.e. every time a button is pressed, a new filter is appended. However, the layout gets broken after a new widgets are added: new ones get written over old ones instead of the layout being recomputed. Code example

from bokeh.layouts import row, column
from bokeh.models.widgets import Button, Select
from bokeh.io import curdoc

def add_select():
    feature = Select(value='feat', options=["a"])
    dynamic_col.children.append(feature)

b1 = Button(label="Add condition", button_type="success")
b1.on_click(add_select)

b2 = Button(label="Apply", button_type="success")

dynamic_col = column()
curdoc().add_root(column(b1, dynamic_col, b2))

Layout before clicking "Add" button

Layout after Select widget gets added

With recent versions of Bokeh (e.g. 2.2.1) the original code node works correctly as-is. — bigreddot
– bigreddot, Commented Sep 23, 2020 at 0:46

Louc · Accepted Answer · 2017-12-18 21:41:14Z

4

Why don't you use a single list to handle all your widgets ?

from bokeh.layouts import column
from bokeh.models.widgets import Button, Select
from bokeh.io import curdoc

def add_select():
    feature = Select(value='feat', options=["a"])
    dynamic_col.children.insert(-1, feature)

b1 = Button(label="Add condition", button_type="success")
b1.on_click(add_select)

b2 = Button(label="Apply", button_type="success")

dynamic_col = column(b1, b2)
curdoc().add_root(dynamic_col)

I "insert" instead of "append" the widget to let the 2nd button at the end of the list

I got this result :

answered Dec 18, 2017 at 21:41

Louc

3522 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bigreddot Over a year ago

FYI with recent versions of Bokeh (e.g. 2.2.1) the original code node works correctly as-is.

Collectives™ on Stack Overflow

Adding widgets dynamically in bokeh

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related