Sencha Touch Panel 渲染问题

Posted 2023-02-26

【中文标题】Sencha Touch Panel 渲染问题

【英文标题】：Sencha Touch Panel rendering issue

【发布时间】：2011-10-01 13:20:39

【问题描述】：

我们正在 Sencha Touch 中开发一个面向平板电脑的应用程序，其中多个 List 对象并排围绕着一个面板，所有这些都在我们的 Viewport 视图中的一个大面板内（考虑我们遵循 Sencha Staff 推荐的 MVC 策略） .

我们的问题是我们试图在创建每个周围面板后触发一个事件或方法（我们将其称为 EVENT_NAME_TO_TRIGGER 以供参考）以更新其子列表/内容，此代码 sn-p 可能会有所帮助：

// i iterate from 0 to n to create multiples panels
var i = new Ext.Panel(
    dockedItems :  
        cls: 'toolbar',
        xtype : 'toolbar',
        title : rec.data.title                                
    ,
    width: 250,

    style: "margin-right:5px;" +
           "margin-top:10px;" +
           "margin-left:5px;" +
           "background-color:#FFFFFF;",
           "EVENT_NAME_TO_TRIGGER": function()
               Ext.apply(this, 
                   items: aux
           );

    
);

【参考方案1】：

如果是 Panel 渲染问题，您可以通过添加 .doLayout() 函数来解决此问题