Flask Admin界面中的列格式化程序

时间:2017-07-28 04:53:31

标签: python flask macros jinja2 flask-admin

您好我已经创建了一个Flask管理界面。在其中一个字段(列)中,我想包含一个超链接。

class workout(db.Model):
    equipment = db.Column(db.String(100))
    place = db.Column(db.String(100))
    image = db.Column(db.Text)

或在模板中使用Jinja2宏:

我必须创建一个应包含上述列的视图,并且我必须在视图中格式化image列。

我真的不太确定如何为上面提到的自定义类模型创建视图。

from flask_admin.model.template import macro

class WorkoutView(ModelView):

在_macros.html文件中。

{% macro render_image() %}
<a href="#" id="upload_widget_opener">Upload images</a>
<script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>  

<script type="text/javascript">  
  document.getElementById("upload_widget_opener").addEventListener("click", function() {
    cloudinary.openUploadWidget({ cloud_name: 'mycloudname', sources: [ 'local', 'url', 'camera', 'image_search', 
                 'facebook', 'dropbox', 'google_photos' ], upload_preset: 'myuploadpreset'}, 
      function(error, result) { console.log(error, result) });
  }, false);
</script>

{% endmacro %}

如果我运行_macros.html文件,它很好,我按预期获得超链接。 问题:当我尝试从_macros.html文件导入宏时,我没有在我格式化的列中获取超链接

我在_macros.html或app.py文件中的语法有问题吗?

1 个答案:

答案 0 :(得分:1)

我认为你滥用了SQLAlchemy和Flask-Admin。 CustomModel类继承自SQLAlchemy的db.Model,而CustomModelView类继承自Flask-Admin的ModelView,以控制Flask-Admin中该模型的行为。您可以按如下方式实现目标:

使用form_widget_argsid属性添加到表单字段;

继承create.html&amp; edit.html添加javascript。

class ExampleModelView(ModelView):

    # ...

    edit_template = "admin/edit.html"
    create_template = "admin/create.html"

    form_widget_args = {
        "image": {
            "id": "cloudinary"
        }
    }

    # ...

# template inherit. "edit.html" is same as "create.html" except the first line.

{% extends "admin/model/create.html" %}
{% block tail %}
    {{ super() }}
    <script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>
    <script type="text/javascript">
        # js code to upload image and return response
    </script>
{% endblock %}