新闻控件

笔记:

通过新闻控件,您可以以各种布局和方式显示任何类型的内容列表。此控件可以用来显示某个特定类别的新闻或最近的更新等。

在页面上添加新闻控件

您可以在控件面板/高级中找到新闻控件,用鼠标拖动将此控件添加到表单设计器。

选择数据源

选择内容列表,并根据过滤条件设置需要显示的数据。

内容

  1. 数据源:选择数据列表所属的应用。然后选择所选应用下的数据列表。
  2. 数据过滤:单击过滤条件按钮,在此添加数据过滤的条件。
  3. 首要排序&次要排序:设置列表中数据的排序方式。

布局

列数:设置新闻可显示的列数,取值范围为1-6,您可以为不同设备(PC、平板电脑、移动设备)设置不同的列数。 例如,为 PC 设置 3 列,为移动设备设置 1 列。

图片字段:设置此新闻控件的图片字段。 如果所选内容列表中没有图片字段,或者您不想在新闻控件中包含图片,则将此选项留空。如果设置了图片字段,但内容列表中该图片字段没有数据,那么新闻中该图片位置为空。

位置:设置图片相对于内容的位置,取值范围:顶部/左侧/右侧

瀑布流:开关

图片比例:设置图片的显示比例

图画尺寸:设置图片尺寸,可以是缩略图,也可是完整的大图

宽度:设置图片的确切宽度(单位:px/%)

标题字段:选择新闻数据的标题字段

摘要字段:选择新闻数据的摘要字段

摘要长度:设置摘要字段显示的最大长度(字符数)

补充字段:选择要在新闻控件中显示的其他字段,可以设置多个字段

分隔符:设置多个补充字段之间的连接符

显示“更多”按钮:开关,设置该新闻控件是否显示“更多”按钮

自定义按钮文字:当显示更多按钮开关打开时,可是设置该按钮的文字,默认为“更多”

链接:选择该数据表中每一项(行)的明细页面。 详细信息页面是在数据列表中创建的。选择默认布局将显示您在数据列表中设置的默认视图页面。 如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示(例如,新表单、查看表单和编辑表单在以下示例中是自定义列表表单)。 选择自定义 URL 将允许您创建动态 URL。 如果您只想显示此数据表中的数据,请选择无,并且数据行设置为不可点击。

打开方式:选择您希望如何打开详细信息页面。

  • 弹出窗口:表示详情页将显示为弹窗
  • 全屏:全屏表示点击每一行后,页面将重定向到详情页。
  • 新窗口:将打开另一个窗口并显示详细信息页面

值为空时隐藏:如果此新闻控件中没有值,则此控件不会显示在页面上。

后备文字:使用后备文字字段设置在新闻控件没有内容或不存在时显示的默认内容。

分页设置

仅显示部分记录:开关,默认值为,表示所选数据源的所有记录都将显示在此新闻控件中。您可以设置每页记录中显示的记录数目,并通过对齐设置分页的对齐方式。

当您只想显示数据源的一部分内容,请打开此开关。您可以在“记录限数”输入您希望显示的记录数目。 打开查看更多记录将在此新闻控件的底部显示一个超链接。 您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。

设置新闻控件的样式

布局

  1. 列间隙:设置新闻每一列之间的间距
  2. 行间隙:设置新闻每一行之间的间距
  3. 对齐:设置新闻的对齐方式

内容框

  1. 边框宽度:设置边框的宽度
  2. 边框半径:设置边框的半径(圆角)
  3. 内边距:设置新闻整体内边距
  4. 内容内边距:设置新闻内容的内边距
  5. 阴影:设置新闻框的阴影
  6. 背景颜色:设置常规状态和鼠标悬停状态时的背景色
  7. 边框颜色:设置常规状态和鼠标悬停状态时的背景色

图片

  1. 边框半径:设置新闻图片字段的圆角
  2. 间距:设置新闻图片与文本内容之间的间距
  3. CSS过滤器:通过更改模糊、亮度、对比度、饱和度和色调设置的 CSS 过滤器比例来调整图像样式

内容

标题

颜色:标题文本的颜色

排版:标题文本的排版

间距:设置标题和补充字段之间的间距

补充字段

颜色:补充文本的颜色

分隔符颜色:补充文本为多个字段时,连接符的文本颜色

排版:补充文本的排版

间距:设置补充字段和摘要字段之间的间距

摘要

颜色: 摘要字段的文本颜色

排版:摘要字段的文本排版

间距:摘要字段与按钮之间的颜色

后备文字

颜色: 后备文字的文本颜色

排版:后备文字的文本排版

间距:设置后备文字与按钮之间的间距

分页设置

颜色:设置分页的文本颜色

排版:设置分页的文本排版

间距:设置内容和分页之间的间距

Updated on 2022年7月5日

Was this article helpful?

Related Articles