26、前端开发中的视图构建与过滤功能实现

前端开发中的视图构建与过滤功能实现

在前端开发中，视图的构建和数据的过滤是非常重要的环节。本文将详细介绍如何使用Marionette框架构建视图，并实现数据的过滤功能。

1. Marionette视图概述

Marionette提供了多种不同的视图类，用于将不同类型的对象渲染到DOM中：
- CollectionView ：用于渲染Backbone.Collection。
- ItemView ：用于渲染集合中的单个项目。
- CompositeView ：是前两者的混合视图。

2. 构建视图类

我们从 ManufacturerCollectionView 开始构建视图，逐步深入到各个子视图。

2.1 ManufacturerCollectionView类

export class ManufacturerCollectionView
 extends Marionette.CollectionView<bm.ManufacturerModel> {
 constructor(options?: any) {
 if (!options)
 options = {};
 options.el = '#manufacturer_collection';
 options.className = "row board_row";
 super(options);
 t