[发明专利]一种可视化多级状态的筛选方法及装置

权利要求书

1.一种可视化多级状态的筛选方法，其特征在于：该方法包括以下步骤：

(1)初始化：获取数据；渲染DOM，并进行数据绑定；事件绑定；

(2)进行数据维护；

(3)进行多级可预览筛选操作。

2.根据权利要求1所述的可视化多级状态的筛选方法，其特征在于：所述步骤(1)中，获取数据时，使用懒加载，初始化加载筛选树的一级节点。

3.根据权利要求2所述的可视化多级状态的筛选方法，其特征在于：所述步骤(1)中，渲染DOM并进行数据绑定时，筛选树节点绑定code、name、level、hasChildren、hasCDom、spritClass。

4.根据权利要求3所述的可视化多级状态的筛选方法，其特征在于：所述步骤(1)中，事件绑定时，使用事件委托，绑定事件至筛选器根节点。

5.根据权利要求4所述的可视化多级状态的筛选方法，其特征在于：所述步骤(2)中，包括checked_tags字典和pre_sel_list字典；

checked_tags字典以code为key，字典为value来存储该节点的数据；

pre_sel_list字典以父节点的code为key，数组为value，数组中存储预览区勾选状态的节点数据对象。

6.根据权利要求5所述的可视化多级状态的筛选方法，其特征在于：所述步骤(3)包括以下分步骤：

(3.1)点选筛选树上节点：节点的hasChildren属性，若为真，则该节点还有子节点，筛选树继续展开，否则只更新预览区；节点的hasCDom属性，若为真，则节点的子结构已加载至文档，不再进行ajax请求，只需为节点添加展开样式，否则先进行ajax请求，再为节点添加展开样式；pre_sel_list.code为空，预览区无需状态同步，否则同步预览区对应节点状态；

(3.2)勾选节点：调用状态同步函数及更新数据函数进行视图与数据刷新。

7.根据权利要求6所述的可视化多级状态的筛选方法，其特征在于：该方法还包括步骤(4)，更新勾选数据，遍历筛选树，状态同步，获取数据。

8.一种可视化多级状态的筛选装置，其特征在于：该装置包括：

初始化模块，其配置来获取数据；渲染DOM，并进行数据绑定；事件绑定；

维护模块，其配置来进行数据维护；

操作模块，其配置来进行多级可预览筛选操作。

9.根据权利要求8所述的可视化多级状态的筛选装置，其特征在于：该装置还包括公共函数模块，其配置来更新勾选数据，遍历筛选树，状态同步，获取数据。