Python-Bokeh应用程序：无法通过单击Bokeh Button小部件将更新的数据从Webapp导出到本地系统

Question

我目前正在创建一个在服务器上运行的基于Python-Bokeh的webapp应用程序。在此应用程序中，用户可以预览pandas数据框中的数据（使用BOKEH DATATABLE显示），并可以根据业务修改数据需要。刷新数据框后，用户需要将数据框导出到本地系统（csv格式）通过单击BOKEH BUTTON小部件。

现在，我能够创建webapp应用程序，但是在将数据导出到本地系统时会引起问题。当我单击下载按钮时，将下载具有数据帧中初始默认数据的csv文件。此后，即使我更新数据帧并再次单击下载按钮，也将下载相同的旧默认数据更新的数据框。

下面是我最后尝试的代码。请建议，需要对以下代码段进行哪些更改，以便每次刷新数据并单击下载按钮时，它将导出数据表中显示的最新数据。

from bokeh.io import curdoc
from bokeh.models import ColumnDataSource, CustomJS
from bokeh.models.widgets import DataTable, NumberFormatter, TableColumn, Button
from bokeh.layouts import column,row
import pandas as pd
import numpy as np

# Create Default data
data = {'COL_1_DEFAULT': np.random.randint(200, size=100),
        'COL_2_DEFAULT': np.random.randint(200, size=100),
        'COL_3_DEFAULT': np.random.randint(200, size=100),
        'COL_4_DEFAULT': np.random.randint(200, size=100)}

TABLE1_DATA = pd.DataFrame(data)
source_new = ColumnDataSource(TABLE1_DATA)
Columns_tab1 = [TableColumn(field=Ci, title=Ci) for Ci in TABLE1_DATA.columns] # bokeh columns
data_table1 = DataTable(columns=Columns_tab1, source=source_new,height = 200) 

# Javascript for exporting data
js_code="""
var data = source.data;
var columns = Object.keys(source.data);
var filetext = [columns.join(',')].shift().concat('\\n');
var nrows = source.get_length();

for (let i=0; i < nrows; i++) {
        let currRow = [];

        for (let j = 0; j < columns.length; j++) {
            var column = columns[j]
            currRow.push(source.data[column][i].toString())
            }
        currRow = currRow.concat('\\n')
        var joined = currRow.join();
        filetext = filetext.concat(joined);
        }

var filename = 'data_output.csv';
var blob = new Blob([filetext], { type: 'text/csv;charset=utf-8;' });

//addresses IE
if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob, filename);
}

else {
var link = document.createElement("a");
link = document.createElement('a')
link.href = URL.createObjectURL(blob);
link.download = filename
link.target = "_blank";
link.style.visibility = 'hidden';
link.click();
URL.revokeObjectURL(link.href);
}
"""

# Created Button for Export
Exportbutton = Button(label="Download", button_type="success")
Exportbutton.js_on_click(CustomJS(args=dict(source=source_new),code = js_code  ))

def refresh_table():
    global source_new,Columns_tab1,data_table1,button
    global TABLE1_DATA
    df = []
    for ii in range(1, 11):
        df.append({'x': ii, 
                   'y': 1000 * np.random.rand(),
                   'z' : 11 * np.random.rand()
                  })
    df = pd.DataFrame(df)
    source_new = ColumnDataSource(df)

    Columns_tab1 = [TableColumn(field='x', title='Col 1'),TableColumn(field='y', title='Col 2',formatter=NumberFormatter(format='$0,0.00',text_align='right')),TableColumn(field='z', title='Col 3')]
    data_table1.update(source=source_new, columns=Columns_tab1, width=500, height=200)

    Exportbutton.js_on_click(CustomJS(args=dict(source=ColumnDataSource(df)),code = js_code  ))

# Created Button for Refreshing dataframe data        
table_Refresh_Button = Button(label='Refresh  Table',height = 30,width = 200,button_type="success")
table_Refresh_Button.on_click(refresh_table)


layout = column(data_table1,table_Refresh_Button, Exportbutton)
curdoc().add_root(layout)

Answer 1

这是一个错误。我刚刚创建了https://github.com/bokeh/bokeh/issues/10146

作为替代方法，替换

Exportbutton.js_on_click(CustomJS(args=dict(source=ColumnDataSource(df)),code = js_code ))

with
Exportbutton.js_event_callbacks['button_click'] = [CustomJS(args=dict(source=ColumnDataSource(df)), code=js_code)]