How to add a CustomJS callback for a Panel?

Question

How would I add a CustomJS callback for a Bokeh Panel? For example, say i want to change the text within a bokeh.model.Div based off the currently selected Panel in a Tab. My naive attempt is something like:

div = Div(text='Test Div', width=100, height=100)
panel = Panel(child=plot, title=plot.title)
callback = CustomJS(args=dict(div=div), code='div.text = "change successful!";')
panel.js_on_event(events.Tap, callback)

however this obviously doesn't work, So i'm wondering if anyone can correct this example?

Anthonydouc · Accepted Answer · 2017-11-06 04:49:36Z

2

I think the general approach is write a callback to register when the active panel changes. If you have your panels in a "Tabs" object, you can just write CustomJS (or a python based callback if your using a server). Simple example below.

div = Div(text="Pannel 1 is active")

p1text = Div(text="this is Panel 1")
p2text = Div(text="this is Panel 2")
p1 = Panel(child=p1text,title="Panel 1")
p2 = Panel(child=p2text,title="Panel 2")
tabs = Tabs(tabs=[p1,p2])
code = """
var active = tabs.active + 1;
div.text = "Panel "+active+" is active"
"""
callback = CustomJS(args={'tabs':tabs,'div':div}, code=code)
tabs.js_on_change('active',callback)
show(row(div,tabs))

answered Nov 6, 2017 at 4:49

Anthonydouc

3,3641 gold badge18 silver badges29 bronze badges

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

1 Comment

ReinholdN Over a year ago

What about using tap to callback a tab in JS? Is that possible?

Collectives™ on Stack Overflow

How to add a CustomJS callback for a Panel?

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