Javascript 从单击表格行重定向到flask route函数
我有一个包含许多行的表,我正在寻找如何设置html/js,以允许用户单击表行元素上的任意位置,并使其重定向到烧瓶路由,例如Javascript 从单击表格行重定向到flask route函数,javascript,python,ajax,flask,onclick,Javascript,Python,Ajax,Flask,Onclick,我有一个包含许多行的表,我正在寻找如何设置html/js,以允许用户单击表行元素上的任意位置,并使其重定向到烧瓶路由,例如/group/ 此处显示的行: 我正在寻找一种方法来使用行上数据id属性中的id来填充flask路由的动态部分。我不想使用可能使用的按钮,因此我正在寻找替代方法 烧瓶 @bp.route('/jobs/',methods=['GET','POST']) def作业项(作业id): 打印('重定向成功') 返回重定向(url_for('main.index')) 行元素 &
/group/
此处显示的行:
我正在寻找一种方法来使用行上数据id属性中的id来填充flask路由的动态部分。我不想使用可能使用
的按钮,因此我正在寻找替代方法
烧瓶
@bp.route('/jobs/',methods=['GET','POST'])
def作业项(作业id):
打印('重定向成功')
返回重定向(url_for('main.index'))
行元素
<tr class="text-center" id="job-{{ job.id }}" data-job-id="job-{{ job.id }}">
您可以使用带有onclick事件的Javascript,该事件将传入元素的id 假设您使用的是Jinja模板 行元素应为
<tr class="text-center with-click" onclick="goToJob('job-{{ job.id }}')" id="job-{{ job.id }}" data-job-id="job-{{ job.id }}">
function goToJob(strId) {
job_id = parseInt(strId.split("-")[1]);
alert(job_id);
}
您可以将警报操作替换为任何内容,在您的情况下,还可以将其替换为对/jobs/
的GET/POST请求
可以添加一些样式来帮助改进用户体验
<style>
tr.with-click:hover {
background-color: yellow;
cursor: pointer;
}
</style>
tr.with-click:悬停{
背景颜色:黄色;
光标:指针;
}
将
放入
中,或在每个
中使用
。或者您必须为此编写JavaScript代码。你有这方面的JavaScript代码吗?如果您有JavaScript,那么您应该在问题中显示它(而不是在注释中)