内容属性过滤开发
最后更新: | 浏览次数: 266|功能开发
介绍
在我们的产品过滤页面,您可以利用强大的属性过滤功能来快速找到所需的产品。该功能主要分为两个部分:属性过滤列表和取消属性过滤。所有调用属性均基于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
的组件。这个组件主要用于在列表页快速生成一个属性过滤的手风琴组件,您可以利用它来加速开发。如果这些组件无法满足您的需求,请参考我们的文档进行进一步的自定义开发。
总结
属性过滤模块为用户提供了一个强大的工具,允许用户根据特定的属性值对产品进行筛选和查找。通过灵活的属性过滤展示,用户可以清晰地看到已选择的属性项,并随时调整筛选条件。该模块不仅支持多选属性,还能生成动态链接,便于用户快速移除不再需要的筛选项。这一功能大大提高了产品查找的效率和用户体验,使得产品展示更加个性化和精确。