17、Ember.js 自定义组件开发与测试全解析

Ember.js 自定义组件开发与测试全解析

自定义树菜单组件开发

在开发自定义组件时，树菜单组件是一个常见且实用的例子。以下将详细介绍树菜单组件的开发过程。

树菜单数据模型

在编写树菜单的代码之前，需要先了解其底层的数据模型。使用 Ember Data 模型对象作为数据模型，示例代码如下：

Montric.MainMenuModel = DS.Model.extend({
    name: DS.attr('string'),
    nodeType: DS.attr('string'),
    parent: DS.belongsTo('mainMenu'),
    children: DS.hasMany('mainMenu'),
    chart: DS.belongsTo('chart'),
    isSelected: false,
    isExpanded: false,
    hasChildren: function() {
        return this.get('children').get('length') > 0;
    }.property('children'),
    isLeaf: function() {
        return this.get('children').get('length') == 0;
    }.property('children')
});

该模型有几个重要特点：
- 服务器通过 parent 和