ExtJs - 如何从文档中的代码中找到特定的配置

时间:2016-09-15 20:46:05

标签: extjs

刚刚开始使用ExtJs的第一步,但我无法弄清楚这一步,尽管它必须是非常明显的。在下面的代码中,图例有一个名为" docked"的配置,如何在文档中找到它? 我搜索了多个ExtJs文档版本,但我找不到它。

我的所作所为:

  1. 我看到我们创建了Ext.chart.PolarChart类的对象。所以我去看这堂课的文档。

  2. 我看到一个名为" legend"类型为Ext.chart.Legend。然后我去看这堂课的文档。但是没有名为" docked"的配置。

  3. 我认为ExtJs文档也显示了继承的配置。我还寻找了一些更具体的Legend类,认为docs中列出的那个是其他传奇类的父类,但我找不到任何其他匹配的类。我肯定错过了一些JS或ExtJs概念,但我无法弄明白。

    找出图例配置位置的正确方法是什么?#34;停靠"来自/被定义?

    var donut = Ext.create('Ext.chart.PolarChart', {
    title: 'Test',
    animation: true,
    width: 300,
    height: 300,
    renderTo: Ext.getBody(),
    
    store: storeA,
    
    legend: {
        docked: 'bottom'
    },
    
    series: [{
        type: 'pie',
        angleField: 'value',
        colors: ["#9aff4f", "#35b4e3", "#ffb400"],
        donut: 20,
        label: {
            field: 'name',
            display: 'inside'
        },
        highlight: true
    }]
    

    });

1 个答案:

答案 0 :(得分:1)

我认为你没有做错任何事。您完全正确搜索"停靠"在Ext.chart.Legend中,对其他配置执行此操作应该会导致命中率很高。

但有两件事:

  • 其他程序员总是可以将配置放入错误的组件定义中,并且不执行任何操作。可能是他们想写dock: "bottom",做错了,但由于某种原因没有在结果中看到他们的错误,因为传说做了应有的事情。当你评论那条线时,你一定要尝试一下。传奇有变化吗? (使用docked这很容易,这应该直接影响布局,但使用更加模糊的配置可能不那么简单)
  • 并非所有可能的配置属性都是公开的,因此需要记录。 legend具有层次结构和mixins,因此如果该配置显示任何效果,则必须手动检查层次结构中所有组件的代码以及所有mixins是否任何组件都查看docked属性
  • 组件是javascript对象,它们允许所谓的扩展:如果添加未处理的配置,您可以合理地期望组件之后具有该属性,然后可以从代码内部处理(在组件本身)。对于相当大的代码,您应该开始将所有这些扩展放入自定义组件中,并使用jsducks通过自定义配置生成这些自定义类的HTML文档。