[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"de62ec1c-813e-40b1-8160-a4cd109afe64","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

筛选器样式

用于设置数据筛选器样式相关属性,比如筛选器样式、方向、是否自动折行等外观相关样式。不同的筛选器具体的设置项不完全相同。

关于日期范围筛选器的样式设置,请详见日期范围

image image image

样式

设置标签的样式,不同的筛选器样式不同。

标签列表:

标签列表提供了十种内置样式,您可以选择一个快速应用。

image2022-6-15_17-1-34.png

相对日期:

相对日期提供了3种标签的样式,可设置为标签、列表或按钮组。

  • 标签(默认值)

    image.png

  • 列表

    image.png

  • 按钮组

    image2022-6-15_16-59-28.png

数值范围筛选器:

  • 滑块(默认):通过拖拽来调整数值范围;

    image.png

  • 输入框:通过输入数值来调整数值范围;

    image.png

  • 输入框+滑块:既可以通过拖拽来调整数值范围,也可通过输入数值来调整。

    image.png


标签

当数值范围筛选器的筛选器样式选择了输入框,则可以设置输入框中间的标签文字。

image

显示输入框/比较符号

当数值范围筛选器的筛选器样式选择了输入框,则可以设置输入框以及比较符号的显示与否。

image

方向

设置标签的方向,可设置为横向或纵向。

  • 横向(默认值)。

  • 纵向,将方向设定为纵向,将隐藏自动折行、对齐方式及宽度自适应等属性。

    image.png

自动折行

设置是否自动折行,默认为

  • 否(默认值),当不能显示所有项目时,出现横向滚动条。

    image.png

  • 是,当一行显示不下时,将自动折行,不会出现横向滚动条。当选择自动折行时,隐藏“对齐方式”选项。

    image.png

对齐方式

设置标签相对于组件边框的对齐方式,可设置为左对齐、居中或右对齐。

下图为左对齐效果。

image2022-6-15_17-15-29.png

文本对齐

设置标签内部文本的左右对齐方式。

下图为右对齐效果。(同时垂直方向顶部对齐)

image2022-6-15_17-14-24.png

文本垂直对齐

设置标签内部文本垂直方向的对齐方式。

下图为顶部对齐效果。(同时左右方向右对齐)

image2022-6-15_17-14-21.png

宽度自适应

设置每个标签的宽度是否保持一致。

  • 是(默认值),每个标签项目的宽度不一致,根据每个标签项目的内容来决定标签项目的宽度;

  • 否,每个标签项目的宽度是一样的,当标签项目的内容过长时,出现“...”。

选项宽度/高度

设置每个选项的宽度和高度。

image2022-6-15_17-18-45.png

选项内/外边距

设置内外边距。

内边距:

image2022-1-12_18-2-14.png


外边距:

image2022-1-12_18-4-0.png

合并边框

当选项外边距为 0时,相邻标签会有两条边框,此时显示效果不佳。

开启合并边框后,中间即可显示为一条边框。如下图所示。

image2022-1-13_12-16-17.png

内边框颜色/尺寸

设置多维列表框和多维下拉框的内边框颜色和粗细(最大值为100)。

image2022-6-15_17-33-47.png

内容字体设置

设置筛选器内容的字体样式。