内容属性过滤开发
最后更新: | 浏览次数: 177|功能开发
介绍
在我们的产品过滤页面，您可以利用强大的属性过滤功能来快速找到所需的产品。该功能主要分为两个部分：属性过滤列表和取消属性过滤。所有调用属性均基于AttributeItemModel进行设计，这是一个包含广告数据的自定义模型类型。
属性过滤列表
AttributeItemModel属性
| 属性 | 返回类型 | 描述 |
|---|---|---|
| Id | int | 每个属性项的唯一标识符 |
| Values | List | 属性项包含的列表 |
| Type | AttributeType | 类型(Default,Image,Color) |
| Name | string | 名称 |
| Thumb | string | 对应的图片地址 |
| MultiSelect | bool | 是否是多选框 |
| Selected | bool | 属性项的选中状态 |
AttributeValueModel属性
| 属性 | 返回类型 | 描述 |
|---|---|---|
| ValueId | int | 每个属性项的唯一标识符 |
| ValueName | string | 属性项的名称 |
| ValueThumb | string | 包含每个属性项的属性值的列表 |
| ColorRgb | string | 标识属性的RGB颜色 |
| Selected | bool | 标识属性值是否被选中 |
取消属性过滤
相关的CategoryModel方法
| 属性 | 返回类型 | 描述 |
|---|---|---|
| AttributeIgnoreUrl() | string | 生成移除当前选中属性项的 URL，便于用户取消筛选。 |
示例用法：
<a class="select-item" href="@Model.AttributeIgnoreUrl(item.Id)" rel="nofollow"><b>@item.Name : </b> <em>@string.Join(",", item.Values.Where(p => p.Selected).Select(p => p.ValueName))</em></a>自定义组件
在 module/ 目录下，我们预设了一个名为 _attribute-filter 的组件。这个组件主要用于在列表页快速生成一个属性过滤的手风琴组件，您可以利用它来加速开发。如果这些组件无法满足您的需求，请参考我们的文档进行进一步的自定义开发。
总结
属性过滤模块为用户提供了一个强大的工具，允许用户根据特定的属性值对产品进行筛选和查找。通过灵活的属性过滤展示，用户可以清晰地看到已选择的属性项，并随时调整筛选条件。该模块不仅支持多选属性，还能生成动态链接，便于用户快速移除不再需要的筛选项。这一功能大大提高了产品查找的效率和用户体验，使得产品展示更加个性化和精确。