Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/342.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从单击表格行重定向到flask route函数_Javascript_Python_Ajax_Flask_Onclick - Fatal编程技术网

Javascript 从单击表格行重定向到flask route函数

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')) 行元素 &

我有一个包含许多行的表,我正在寻找如何设置html/js,以允许用户单击表行元素上的任意位置,并使其重定向到烧瓶路由,例如
/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,那么您应该在问题中显示它(而不是在注释中)