当前位置: 首页 > news >正文

flask-admin的modelview 实现list列表视图中扩展修改状态按钮

背景:

在flask-admin的模型视图(modelview 及其子类)中如果不想重构UI视图,那么就不可避免的出现默认视图无法很好满足需求的情况,如默认视图中只有“新增”,“编辑”,“选中的”三个按钮。

材料:

完整的flask-admin 开发环境

制作:

视图源码

1、在ModelView 子视图中直接添加column_extra_row_actions 的扩展实现

column_extra_row_actions = [LinkRowAction('glyphicon glyphicon-off', '/admin/aiconfig/changestatus/{row_id}'),EndpointLinkRowAction('glyphicon glyphicon-test', 'aiconfig.index_view')]

2、按钮图标直接去bootstrop 中复制替换即可使用(组件 · Bootstrap v3 中文文档 | Bootstrap 中文网) 

 

3、 /admin/aiconfig/changestatus/{row_id} 对应的业务实现代码

    @expose('/changestatus/<string:ai_id>', methods=('GET', 'POST'))def updateStatus(self, ai_id):if ai_id:return_url = request.values.get('url') or self.get_url('.index_view')model = self.get_one(ai_id)if model is None:flash(gettext('Record does not exist.'), 'error')return redirect(return_url)form = self.edit_form(obj=model)model.updated_at = datetime.today()model.status = 1 if model.status == 0 else 0if self.update_model(form, model):flash(gettext('Record was successfully saved.'), 'success')# save buttonreturn redirect(self.get_save_return_url(model, is_created=False))  else:return redirect(return_url)

注:直接写到当前视图即可

效果 

经验与注意点 

1、column_extra_row_actions 扩展类的EndpointLinkRowAction 实现中必填项第一个为图标,第二个为视图权限,如下:

EndpointLinkRowAction('glyphicon glyphicon-test', 'aiconfig.index_view')

注:上面代码片段中“aiconfig.index_view”中的aiconfig 为当前视图注册名,如果注册时没有定义,flask-admin 默认为modelview 的集成子类对应的模型名

  admin.add_view(MyAiConfigView(db.session, name='Dify配置', category='Dify管理'))

由于本例子中注册时没有特别声明Endpoint ,所以就会取 aiconfig,为该视图对应的实体名,通过视图中定义的下面代码片段可以看到

    def __init__(self, session, **kwargs):# You can pass name and other parameters if you want tosuper(MyAiConfigView, self).__init__(AiConfig, session, **kwargs)

2、第一点中提到的 aiconfig.index_view 其实可以省略为".index_view",如下代码片段,照样有效

  column_extra_row_actions = [LinkRowAction('glyphicon glyphicon-off', '/admin/aiconfig/changestatus/{row_id}'),EndpointLinkRowAction('glyphicon glyphicon-test', '.index_view')]

3、column_extra_row_actions 可以通过LinkRowAction 及其子类实现新扩展按钮的url连接。

http://www.lryc.cn/news/507443.html

相关文章:

  • 算法训练第二十三天|93. 复原 IP 地址 78. 子集 90. 子集 II
  • imu相机EKF
  • 【杂谈】虚拟机与EasyConnect运行巧设:Reqable助力指定应用流量专属化
  • 【AI系列】Paddle Speech安装指南
  • 【AI学习】OpenAI推出o3,向AGI迈出关键一步
  • 深度学习0-前置知识
  • Elasticsearch-分词器详解
  • Android-相对布局RelativeLayout
  • Centos7, 使用yum工具,出现 Could not resolve host: mirrorlist.centos.org
  • 在Linux中使用`scp`进行远程目录文件复制
  • VisionPro 机器视觉案例 之 连接件测量
  • C++ 中面向对象编程中对象的状态存储与恢复的处理
  • ip_output函数
  • 【win10+RAGFlow+Ollama】搭建本地大模型助手(教程+源码)
  • 现代风格VUE3易支付用户控制中心
  • CentOS 7 上自动安装 Python 3.9 脚本
  • Spring(二)---基于注解的方式实现Bean管理和注入属性
  • 采购管理系统的设计与实现【文档+源码】
  • Overleaf编译运行时间太长,国内如何支付升级Overleaf高级账户?
  • UE5喷涂功能
  • Unity局部和世界坐标系相互转换的实现原理
  • MySQL通用语法 -DDL、DML、DQL、DCL
  • C# 6.0 连接elasticsearch数据库
  • 占个坑:利用工作以外的时间,用numpy实现MLP-手写识别
  • 抽象之诗:C++模板的灵魂与边界
  • 后端统一接口返回状态【初步模板】
  • 呼入机器人:24小时客户服务的未来趋势
  • whisper.cpp: PC端测试 -- 电脑端部署音频大模型
  • WPF ControlTemplate 控件模板
  • 序列化和反序列化(一)