当前位置:首页 > 发现 > 其他 > Python网页应用开发利器fac新版本功能介绍

Python网页应用开发利器fac新版本功能介绍

9个月前 (08-11)其他261

添加微信号CNFeffery备注“dash学习”

即刻加入dash应用开发技术交流群

fac项目地址:https://github.com/CNFeffery/feffery-antd-components

fuc项目地址:https://github.com/CNFeffery/feffery-utils-components

欢迎star支持⭐

大家好我是费老师,由我开源维护的Python网页开发相关组件库fac和fuc分别更新到了0.2.9版本和0.1.29版本,本文就将为大家介绍它们在各自新版本中的更新内容😉,使用下面的命令将它们快速更新至最新版本:

pip install feffery-utils-components feffery-antd-components -U -i https://mirrors.aliyun.com/pypi/simple/

1 fac 0.2.9版本更新内容介绍

1.1 下拉选择、穿梭框、树选择新增多模式搜索功能

从0.2.9版本开始,fac中的下拉选择组件(AntdSelect)、穿梭框组件(AntdTransfer)、树选择组件(AntdTreeSelect)新增多模式搜索快捷功能,可以帮助我们在使用这些组件时,为其中涉及到的搜索框功能设置不同的搜索匹配方式。

以下拉选择组件为例,通过设置参数optionFilterMode,可以在大小写不敏感大小写敏感正则表达式等三种不同模式之间进行切换:

大小写不敏感(默认)大小写敏感正则表达式

具体使用请参考fac官网中的相关示例:

https://fac.feffery.tech/AntdSelect#多模式搜索https://fac.feffery.tech/AntdTransfer#多模式搜索https://fac.feffery.tech/AntdTreeSelect#多模式搜索

1.2 表格组件单元格支持自由内容渲染

得益于dash在2.10版本后的底层新特性,从0.2.9版本开始,fac中的多功能表格组件AntdTable支持在表格单元格中传入任意的组件型元素,从而实现任意内容的自由渲染。

以fac官网相关示例为例,在下面的表格中,我们在同一列的三个单元格中分别渲染了带滚动条的文字内容、markdown文档、二维码:

具体使用请参考官网示例:https://fac.feffery.tech/AntdTable-rerender#自定义单元格元素

1.3 表格组件单元格编辑新增文本域模式

熟悉fac的用户都知道,在表格组件AntdTable中可以快捷开启单元格可编辑功能,在之前的版本中,编辑功能开启后,对应字段的单元格会渲染为可交互的常规输入框。

而从0.2.9版本开始,在为对应字段设置子参数editable为True的前提下,可通过额外的子参数editOptions来切换为文本域输入框,从而实现段落换行等格式内容的编辑保存:

fac.AntdTable(

    columns=[

        {

            title文本域编辑示例

,

            dataIndex文本域编辑示例

,

            editableTrue

,

            editOptions

: {

                modetext-area,  # 开启文本域编辑模式                autoSize

: {

                    minRows1

,

                    maxRows3

                }

            }

        }

    ],

    data=[

        {

            文本域编辑示例内容示例

        }

    ] * 3

,

    bordered=True

,

    style={

        width200

    }

)

1.4 表格组件新增selectedRowsSyncWithData参数

在之前版本的fac中,为表格组件开启行选择功能后,selectedRows属性会在每次用户进行行选择行为时,监听到最新的已选行记录数组,但如果后续表格数据源参数data进行了更新,先前监听到的selectedRows并不会自动随之刷新,因为默认情况下selectedRows的更新时机在用户进行行选择行为后的瞬间。

而从0.2.9版本开始,通过为AntdTable组件设置参数selectedRowsSyncWithData=True,可以实现后续data更新后,自动同步对应key值的最新行记录数据:

具体使用请参考官网示例:https://fac.feffery.tech/AntdTable-advanced#同步刷新selectedRows

1.5 日期范围选择、时间范围选择新增open参数

新版本中,日期范围选择组件AntdDateRangePicker、时间范围选择组件AntdTimeRangePicker新增参数open,可用于设置或监听对应组件悬浮选择层的展开状态

更多有关fac 0.2.9新版本的介绍请移步https://fac.feffery.tech/change-log-v0.2.9

2 fuc 0.1.29版本更新内容介绍

除了fac之外,我的另一个开源实用工具组件库fuc( https://fuc.feffery.tech/ )也于近期更新到0.1.29版本,这也将是fuc 0.2.0发布之前的最后一个版本。

在fuc 0.1.29版本中新增尺寸调整组件FefferyResizable(文档页地址:https://fuc.feffery.tech/FefferyResizable ),基于它我们可以非常方便的构建可进行尺寸调整的容器,举一个典型示例,宽度可调的侧边菜单页面布局方案,结合自定义拖拽控件样式:

更多有关此新组件的使用说明请移步:https://fuc.feffery.tech/FefferyResizable

以上就是本文的全部内容,对Dash应用开发感兴趣的朋友,欢迎添加微信号CNFeffery,备注“dash学习”加入我的技术交流群,一起成长一起进步。

相关文章

自己如何开发软件?

自己如何开发软件?

这是一个非常好的问题,作为一名IT从业者,我来回答一下这个问题。 首先,在当前的信息化时代,很多创业者和职场人都需要一些定制化的小软件,以方...

为什么我们程序员不把软件开发当回事?

为什么我们程序员不把软件开发当回事?

作者 | Dev by RayRay 译者 | 弯月,责编 | 伍杏玲 出品 | CSDN(ID:CSDNnews) 以下为译文: 最近,我一直在想为什么大...

从零开始的APP开发教程-浩太软件

从零开始的APP开发教程-浩太软件

APP开发的最重要的五个关键步骤,是从零开始的APP开发必备的一系列步骤。借助这些步骤,任何人都可以从零开始,学习和实现APP开发。 一、制定APP开发计划 在开始APP开发...

如何自己搭建一个个人网站?

如何自己搭建一个个人网站?

好家伙,我回顾这些年的程序员生涯,发现折腾最多的是搭建网站。。。 先来秀一下我现在的网站:https://www.cxyxiaowu.com...

日本“食品开发OEM”网站:什么是“替代食品”?幼师穿超短裙领舞,后排爸爸们很尴尬!网友:思想肮脏看啥都有问题

日本“食品开发OEM”网站:什么是“替代食品”?幼师穿超短裙领舞,后排爸爸们很尴尬!网友:思想肮脏看啥都有问题

日本“食品开发OEM”网站7月10日文章,原题:什么是“替代食品”?   近年来,在日本经常能听到“替代XX”这个词。现在,替代食品,如替代肉、替代牛奶等正在引领市场。...

湖北警方打掉一个开发诈骗APP及涉诈网站团伙“菜鸟驿站”取件不收费用,它靠什么盈利的?内行讲出真相

湖北警方打掉一个开发诈骗APP及涉诈网站团伙“菜鸟驿站”取件不收费用,它靠什么盈利的?内行讲出真相

警方抓获涉案嫌疑人 阳新警方供图 中新网黄石8月25日电 (杨慧兰 朱涛)据湖北省黄石市阳新县公安局25日通报,打掉一个为境外电信网络诈骗集团开发APP及涉诈网站的技术团伙...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。