4

我有两个模型产品和标签,并在 SQLAlchemy 中设置了多对多关系。使用它作为烧瓶管理示例显示:

 admin.add_view(ProductAdmin(db.session))

我得到一个创建表单,并且只能选择现有的标签。我知道烧瓶管理员正在使用 select2,并且 select2 获得了添加新标签的风格。我在flask-admin文件夹下的Form.py中找到了类Slect2TagsField。

那么,如何使用flask-admin在我的产品创建表单中获取支持添加新标签的标签字段?

提前致谢。

4

2 回答 2

1

不幸的是,Flask-Admin 没有公开任何 AJAX 端点,因此无法在 Select2 字段中创建新模型。

但是,有办法让它工作:

  1. 从管理表单中排除标签字段
  2. 将新的 Select2TagsField 贡献给具有不同名称的表单(因此没有名称冲突)
  3. 在显示新/编辑视图之前,将标签列表序列化为字符串数组并贡献给 Select2TagsField
  4. 在提交模型(on_model_change)之前检查列表,进行数据库查找以查找现有标签并为缺少的标签创建模型
  5. 为模型贡献标签模型列表
于 2013-05-02T07:00:25.250 回答
1

您可以创建自己的TagField并将其添加到您的ModelView.您将不得不覆盖一些字段功能。

我整理了一个使用 select2 版本 4 的演示应用程序,比这个答案更详细一点。

标签字段:

class CustomTagField(Select2TagsField):

    widget = CustomTagWidget(multiple=True)

    def pre_validate(self, form):
        pass

    def process_formdata(self, valuelist):
        if valuelist:
            self.data = []
            for tagname in valuelist:
                rv = Tag.query.filter_by(name=tagname).first()
                if rv:
                    self.data.append(rv)
                else:
                    self.data.append(Tag(name=tagname))
        else:
            self.data = []

    def iter_choices(self):

        self.blank_text = ""

        tags = list(set([str(tag.name) for tag in Tag.query.all()]))
        model_tags = [tag.name for tag in self.object_data]

        self.choices = [[tag, tag] for tag in tags]

        # Yield empty object in order to have an empty placeholder
        yield (u'__None', self.blank_text, self.data is None)

        for value, label in self.choices:
            yield (value, label, value in model_tags)

自定义小部件:(类似于Select2TagsWidget,但未设置data-role因此form.js不会使其成为常规 select2 字段)

class CustomTagWidget(widgets.Select):
    def __call__(self, field, **kwargs):
        kwargs.setdefault('data-tags', '1')
        # Or call select2 in tags mode

        allow_blank = getattr(field, 'allow_blank', False)
        if allow_blank and not self.multiple:
            kwargs['data-allow-blank'] = u'1'

        return super(CustomTagWidget, self).__call__(field, **kwargs)

在您的管理员中:

form_extra_fields = {
        'tags': CustomTagField(
            'Tags',
        ),
}

然后覆盖您的管理模板以在您的字段上以标签模式调用 select2(admin/js/form.js也将尝试设置该字段的样式):

$('#tags').select2({
  tags: true,
});
于 2016-12-15T05:59:16.023 回答