看板控件在易企办中是一个动态且多功能的工具,旨在帮助您更有效地可视化和管理工作流程。它提供了任务、项目或流程在各完成阶段的视觉表现,使跟踪和管理更加精确。
看板控件非常适用于需要将任务按类别或阶段组织的场景,例如项目管理、任务跟踪、销售管道管理,或任何从视觉工作流中受益的过程。
考虑使用看板控件的情形:
当您需要管理在不同阶段或类别中移动的任务或项目时。
当您需要清晰的视觉概览来显示项目的状态和进展时。
当团队的协作和工作流程管理的透明度对您至关重要时。
如何使用看板控件
添加看板控件
要开始使用看板控件,请按照以下步骤操作:
此控件可以用于审批表单、数据列表的列表表单和自定义页面,为您在应用的不同领域提供灵活的管理选项。
配置看板控件
添加了看板控件到您的表单或自定义页面后,您可以配置其设置以满足您的需求:
数据设置:
类别字段:
选择数据源后,将出现额外的设置。最关键的是类别字段,您需要从数据源中选择一个字段作为看板控件的类别。您可以选择任何类型的字段。
注意:
如果您选择了单选或多选字段,该字段中的所有选项都将按照您在字段属性中设置的顺序显示在看板控件中。
对于其他字段类型,只显示所选数据源中存在的值。
选择的类别字段的值将作为看板控件上的单独列显示。
注意:在设计模式中,只显示前5列,但在预览模式或发布后,将显示实际的列数,出于性能考虑,最多允许20列。
3.其他设置:
包括未分类项目:如果您选择的类别字段中有带空值的项目,您可以通过启用“包括未分类项目”的选项将这些项目包含在看板控件中。
数据过滤器:您可以设置数据过滤器,只显示特定项目。
主要顺序/次要顺序:为了更好的组织,您也可以通过选择主要顺序和次要顺序的字段来定义各类别中项目的显示顺序。
看板控件的外观设置
一旦您配置了数据源和类别设置,您就可以根据设计和功能需求调整看板控件的外观。
高度设置
看板控件的高度可以自定义,以适应您的表单或仪表板的布局。
默认:默认情况下,看板控件会根据其中的内容自动调整其高度,这非常适合内容可能动态变化的表单。
最小高度:如果您想确保看板控件保持最小高度,请从下拉菜单中选择“最小高度”。这个设置有助于在内容较少时保持布局的一致性。
自定义:对于固定高度,请从下拉菜单中选择“自定义”。然后,您可以使用自定义高度字段指定高度。
高度单位:您可以根据设计需要选择不同的单位,如像素(px)、百分比(%)、em、rem计算值等。
动态高度:对于更高级的场景,您可以使用calc函数设置动态高度。例如,输入calc(100vh - 120px)将确保看板控件适应屏幕可见区域减去120像素。这对于全页看板视图特别有用。
允许添加项目
如果您的数据源是数据列表或文档库,您可以选择允许用户直接从看板控件添加新项目。
允许添加项目:如果您想启用看板板块下的“+ 新项目”按钮,请开启此选项。
新项目按钮文本:您可以自定义“+ 新项目”按钮的标签,以匹配您应用的术语。
默认值:点击旁边的“设置”按钮,预填充创建新项目时的某些字段。这确保了数据录入的一致性。
新项目表单:从下拉菜单中选择用于添加新项目时使用的表单布局。您可以选择“默认布局”或自定义列表表单。此外,选择如何显示此表单,例如滑入、弹出窗口、全页等。
注意:"+ 新项目"按钮的可见性与用户对所选数据列表或文档库的权限相关联。只有拥有编辑权限的用户才能看到此按钮;其他用户则看不到。
查看项目表单
查看项目表单设置允许您控制用户如何与看板板块上的各个项目进行互动。
查看项目表单:选择是否允许用户查看看板控件中每个项目的详细信息。
默认布局:用户点击项目时,默认打开默认的项目查看页面。
自定义列表表单:如果您设计了特定的查看项目表单,可以从下拉菜单中选择自定义布局。
无:如果您不希望用户打开项目的详细视图,请选择“无”。
自定义URL:您还可以设置自定义URL,当用户点击项目时重定向,允许更高级的交互。
打开方式:选择项目表单的显示方式(例如,滑入、弹出窗口、全页等)。
其他外观设置
除了高度设置和项目交互选项外,还有三个设置在“外观”设置组中,增强了您的看板板块的功能性和可用性:
显示概要数字:
允许折叠:
显示页脚容器:
动态显示规则
看板控件支持通过“动态显示规则”实现动态行为,允许您根据特定条件控制看板的可见性和样式。在动态显示规则中,您可以选择以下三个选项:
隐藏:当满足条件时,此选项将隐藏看板控件。这对于想要有条件地从用户界面中移除看板的场景非常有效。例如:如果用户没有被分配任务,您可能想要隐藏看板。
显示:当定义的条件满足时,使用此选项显示看板控件。这在您只希望在特定情况下显示看板时非常有用。例如:您可以设置规则,只有当用户具有特定角色或存在特定数据时才显示看板。
动态样式:动态样式功能允许您根据条件修改看板或其分类的外观。这包括更改文字颜色、背景颜色、边框类型等。例如:您可以创建一个规则,在类别的值为“进行中”时将背景颜色更改为紫色,为用户提供视觉提示。
配置和设计看板控件中的项目
一旦您设置好看板并定义了分类,下一步就是设计将在每个分类中出现的项目。这非常关键,因为每个数据源可能包含不同类型的数据,您可能希望以适合您需求的特定布局呈现这些数据。
在项目中添加和自定义控件
一旦添加,该控件将出现在分类中的所有项目中。
添加控件后,您可以在任何项目中点击该控件,自定义其属性。例如,你可以为文本控件设置字体、大小、颜色和其他属性。
3.显示项目值:
在配置看板控件中的项目时,您可以灵活地显示来自数据源的值。有两种主要方法可以在项目容器中显示这些值:
方法1:使用表达式编辑器
第一种方法涉及使用表达式编辑器根据您选择的数据源字段动态显示值。
拖放控件:首先将一个控件,例如文本控件,拖到项目容器区域。
访问表达式编辑器:选择新添加的控件,然后导航到属性设置。对于文本控件,这将是“文本”属性。通过点击适当的切换进入表达式模式。
选择数据字段:打开表达式编辑器并选择“上下文 -> 集合项”。从那里选择您的数据源的特定字段(例如,“标题”、“状态”)。
这将确保在每个项目容器中显示此字段的值。
4.预览和调整:设置表达式后,预览页面以查看数据值在每个项目中的呈现方式。
根据需要调整以满足您的设计和功能需求。
方法2:使用动态控件
第二种方法利用动态控件,如动态字段、动态用户、动态图像等,直接绑定并显示来自数据源的值。
添加动态控件:将一个动态控件,如动态字段,拖入项目容器。这些控件专门设计用于直接绑定到数据源字段。
配置控件:动态控件就位后,选择它并配置其属性。例如,在动态字段控件中,将源设置为集合项,然后选择适当的对象字段(例如,“状态”、“优先级”)。
自定义外观:根据需要调整动态控件的外观设置,确保数据以所需的格式和样式显示。
选择正确的方法
表达式编辑器:当你需要更多控制数据呈现方式时使用此方法,允许使用复杂的表达式和多个字段或自定义逻辑的串联。
动态控件:选择这种方法以直接和绑定的方式自动处理数据检索和显示,特别适用于数据类型更好通过特定控件管理的字段(例如,用户档案、图片)。
这两种方法都允许广泛的自定义,使你能够设计看板控件中的每个项目,反映出最相关和视觉上最吸引人的信息。
布局自定义
添加更多控件:
你可以继续添加其他控件以在每个项目中显示更多信息。例如,你可以添加另一个文本控件用于描述,一个动态图片控件来显示缩略图,或一个按钮控件进行用户操作。
为了在视觉上组织数据,你可以在项目区域内使用容器控件。容器允许你组合控件,并设置布局以确保数据清晰、一致地展示。
调整容器属性以控制每个项目中字段的显示方式。你可以创建多列布局,水平或垂直对齐项目,并根据需要设置间距。
这种方法使你完全控制看板上每个项目的外观和功能,使得在一瞥之间就能传达正确的信息。
配置和设计底部容器
看板控件中的页脚区域在每个类别的底部提供额外空间,您可以在此显示摘要信息或其他内容。当您启用看板属性设置中的“显示页脚容器”选项时,此区域将可用。
如何向底部容器添加控件
启用底部容器:首先打开看板属性的外观设置中的“显示底部容器”选项。这将显示每个类别列底部的底部容器。
添加控件:与向项目容器添加控件类似,您可以将各种控件拖放到底部容器中。例如,您可能想添加一个汇总控件来计算和显示关键指标,如项目总数、平均完成百分比或销售管道中的交易累积值。
3.数据筛选用于分析:当在底部中使用数据分析控件(如汇总、饼图、柱状图)时,确保这些控件筛选的数据特定于各自类别中的项目至关重要。为此,
4.预览和调整:添加并配置底部中的控件后,预览表单或自定义页面以确保一切按预期显示。根据需要调整布局、样式或数据筛选,以实现理想的展示效果。
样式设置
类别设置:
类别宽度:根据不同的风格需求设置看板中类别的宽度。
类别间隙:控制看板中类别之间的间隙,帮助区分不同的分类或阶段。
正常/折叠:为看板内容的正常状态和折叠状态设置不同的样式。
内边距:通过设置类别容器内的空间,影响类别标题和卡片内容的边缘边距。
对齐:设置类别标题的水平对齐(左、中、右或两端对齐)。
文字颜色:选择字段文本的颜色。
背景颜色:设置字段的背景颜色。默认背景颜色设置为透明。
边框类型:选择类别容器的边框样式(默认、无边框、实心、双实心、点状、虚线、凹槽)。
圆角:调整边框圆角以控制角落的圆滑度。
阴影:为类别容器添加阴影效果。
类别名称:
排版:设置类别中文本的排版。
文字颜色:选择类别字段文本的颜色。
摘要数字:
项目设置
内边距:设置卡片内的空间,影响卡片内容与边缘的距离。
项目间隙:调整卡片之间的水平间距。
对齐项目:设置卡片内元素的垂直对齐方式,如顶部对齐、中心对齐、底部对齐、拉伸对齐和基线对齐。
项目对齐:设置卡片内元素的水平对齐方式。
对齐内容:调整卡片之间的垂直对齐。
内容对齐:调整卡片之间的水平对齐。
内容内边距:控制卡片内容部分的内边距,影响文本和其他元素的布局。
正常/悬停:为看板项目的正常状态和悬停状态设置不同的样式。
文字颜色:定义卡片内的文字颜色,确保可读性和美观性。
背景颜色:设置卡片的背景颜色,可以使用不同的颜色来标识不同的任务状态或优先级。
边框类型:选择卡片的边框样式。
圆角:调整边框圆角以控制角落的圆滑度。
阴影:为卡片添加阴影效果。
显示更多:
内边距:设置“显示更多”链接的内边距。
排版:控制“显示更多”的文本对齐方式。
文字颜色:定义“显示更多”文本的颜色。
背景颜色:设置“显示更多”的背景颜色,使其与看板的其他部分协调或突出。
高级设置
设置适用于此控件的高级选项。