Question

我有一个带有Jinja模板的Flask服务器，该模板正在跟踪网络PC的当前状态。以下是设置的屏幕截图。

顶部的每个Gauge表示该工作组上的活动客户端数，但也是仅查看该工作组的过滤器。

每个Gauge代表一个UITab。当我点击Gauge时，它会转到选项卡，并使用Jinja比较来检查它是否属于选项卡的表格。

问题 - 我想动态更新页面，无需刷新。目前，仪表会上下调节，动态没问题，但数据表没有正确重新渲染。

如果我将工作站从workgroup01移动到workgroup02，则仪表将进行限制，但行项目不会移动到正确的表格。我在量表的计时器上使用AJAX，但我需要以某种方式重新触发computer.current_workgroup == workgroup检查以获得表格上的动态更新

这可能与Jinja有关，还是我必须编写一个很长的自定义函数来执行此操作？我出于后勤原因试图避免定制工作。

以下是与文档流程相关的一些相关代码，我试图删除非必要代码，如果需要更多代码请告诉我。

的index.html

<div id="tabs" >
    <ul id="gaugeList">
        {% for workgroup in context['workgroup_list'] %}
            <li><h3>
                <a class="gaugeCell" id="{{ workgroup }}"
                   href="#tabs-{{ workgroup.name }}">

                <script type="text/javascript">
                    //  The  gauges
                </script>
                </a></h3></li>
        {% endfor %}
    </ul>

    {% for workgroup in context['workgroup_list'] %}

    <div id="tabs-{{ workgroup.name }}" class="scrollable">

        <table class="tablesorter">

            <thead>
            <!-- Header stuff -->
            </thead>

            <tbody id="{{workgroup.name}}_table" class="table_body">
                {% for computer in context['computer_list'] %}


                {% if (computer.current_workgroup == workgroup.shorthand) or (workgroup.name == 'All') %}

                <tr id="{{computer.name}}" class="parent">
                <td>
                <-- TD's for table --> 
                </td>




            {% endif %}
            {% endfor%}
            </tbody>

        </table>
        </div>


    {% endfor %}

有什么想法？感谢您的阅读

Answer 1

我不相信它可以直接使用jinja2实现，我会创建一个额外的控制器，只返回表格的HTML（没有html，标题，正文标记等），为此你可以使用jinja2模板。

如果你有这个，使用jquery的.load（），你可以每隔n秒从这个控制器获取数据，并从主页面更新相应的div。 http://api.jquery.com/load/

Flask / Jinja - 在点击或定时器上重新渲染UITab而不刷新页面

的index.html

1 个答案: