跳转到主要内容
列表表单设计器

讨论如何有效设计列表表单,提升用户体验和数字环境中的数据管理。

超过 7 个月前更新

列表表单设计器用于为数据列表定制表单,可用于创建新项目、编辑现有项目或查看项目详情。

易企办表单设计器允许您构建表单结构,设计外观和感觉,添加控件、交互、动画和自定义代码,以创建功能完备的列表表单。

专业提示 您可以创建不同的表单,分别用作新建项目、编辑项目或查看项目的目的。

在设计器中,您可以直观地操作表单内容,设置CSS属性,并创建交互而无需编写代码。


访问设计器

要创建新的列表表单或编辑现有列表表单,请首先访问现有数据列表,并从右上角标题栏中点击更多操作按钮,然后从下拉菜单中选择表单。

从列表表单设置窗口中,选择您想要设计的表单,并点击“编辑”按钮在设计器中打开。


添加控件面板

这将打开添加面板,您可以从控件面板中添加控件。

控件面板中有不同类型的控件,按类别分组:

  1. 自定义列表字段:列出或您为此内容列表创建的自定义字段。例如,员工列表包括员工姓名、合同信息、职位、位置等字段。

  2. 默认列表字段:数据列表的系统生成字段,包括项目ID、创建者/时间、修改者/时间等。

  3. 通用:包括与表单布局相关的通用控件,可用于创建设计良好的表单样式。

  4. 高级:包括提供更强大布局和元素的高级控件,并通过数据表、画廊和甘特图等展示来自数据列表的数据。

  5. 数据分析:包括数据分析控件,如饼图、柱状图、数据透视表等,用于构建视觉图表。


页面设置

点击添加控件面板中的页面以切换到页面设置标签。

背景和内容区域

在此设置表单的背景色和内容区域样式。请参阅页面背景和内容区域样式以了解更多详情。

外观

大小:选择表单的大小,可以是大、标准、小。此大小仅在表单设置为弹出窗口显示时可用。

默认标题字段对齐:

  • 水平:默认将标题显示在字段控件的左侧。

  • 垂直:默认将标题显示在字段控件的顶部。

专业提示 您可以在控件的属性设置面板中更改每个不同字段控件的标题字段对齐方式。

操作

绑定预定义操作,当表单加载、保存或删除时:

如何定义和使用操作

自定义CSS

添加将用于此表单的自定义CSS。要了解更多关于自定义CSS的信息,请参阅:自定义CSS


底部导航栏

底部导航栏显示打开导航器或预览设计的选项。

导航器

显示您当前所在页面上每个元素的层次结构。在这里,您可以直观地与这些元素互动。了解更多关于导航器的信息。

预览

在设计器的预览模式和设计模式之间切换,让您看到发布时表单的外观。

显示/隐藏控件面板

在使用编辑器时,默认视图将控件面板固定在屏幕左侧。在设计时这很有用,但在预览页面上的所有内容时则不太有用。

折叠面板的一种方法是点击它右边缘的箭头:


画布

设计器中的主要区域是画布。您可以在实时与表单互动。您可以选择元素,移动它们,并直接在页面上编辑内容。了解更多关于画布的信息。


顶部栏

顶部栏提供另一组视图设置以及一些有用的工具,用于编辑临时变量、操作、保存更改并关闭此设计器。

页面指示器

显示您当前所在的页面。

断点按钮

位于顶部栏中间的这些图标允许您在不同的断点之间切换,查看和编辑这些断点上的表单设计。

操作

  • 临时变量:管理此列表表单的临时变量。

  • 操作:定义和管理操作

  • 保存:点击保存此表单的更改。

  • 关闭:点击关闭按钮以退出设计器模式。


这是否解答了您的问题?