Netzke/ExtJS 4 - 如何实现手风琴面板内的动态数字面板

Question

我想从数据库的表格中读取字符串，并将它们用作手风琴面板内的面板中的标题。简而言之，手风琴内的面板数量可以动态变化。

这是我试过的一个要点 - https://gist.github.com/1199695。我使用Ruby类中的端点获取表中的名称。返回的数据包含客户端JS函数（名为addPanel）的字符串，该函数被调用以在手风琴内添加面板。

代码按我的预期执行，但手风琴内的面板不显示。

我的怀疑是渲染发生在物品进入手风琴之前。

如果我通过class_name.items.add（new Ext.panel.Panel（{：title“我的面板”}））在initComponent内加入代码，那么我可以看到名为“My panel”的面板手风琴。

让我知道这是否是解决问题的正确方法？

谢谢

Answer 1

您是否需要手风琴窗格作为Netzke组件？如果没有，那么你可以尝试这样的：

def configuration #:nodoc: 
    super.merge({ 
     # ... 

     :items => some_model.all.map{|item| {:item => item.title}} 
    }) 
    end 

简单地说，你只需要提供您的基于Ext.tab.Panel级与动态项目配置（从模型中取出）。