Ext.dataview.List在編譯後不顯示項目

Question

編譯我的應用程序後，我目前遇到了一個奇怪的問題。在使用命令sencha app build package構建之後，我的列表組件之一就停止工作在此縮小版本的應用程序上。

當我運行這個程序withou縮小其工作打算。

每隔列表按預期工作，也是另外一個，使用相同的店鋪。

如何禁用構建過程中醜化？我懷疑它弄亂了應用程序。

{ 
        xtype: 'list', 
        html: '', 
        id: 'listaProblemas', 
        itemId: 'listaProblemas', 
        margin: '10 0 0 0', 
        minHeight: 420, 
        padding: '0 0 0 0', 
        ui: 'round', 
        width: '100%', 
        layout: { 
         type: 'card' 
        }, 
        emptyText: 'Não há problemas definidos', 
        itemTpl: Ext.create('Ext.XTemplate', 
         '<table style="width: 100%">', 
         ' <tr>', 
         ' <td valign="middle" width="5%" align="left">', 
         '  <tpl for="SAP_OMCatalogoFalhaCausa"> ', 
         '   {% if (xindex > 1) break; %}', 
         '    <tpl if="SAP_OMCatalogoFalhaCausa == \'\' || SAP_OMCatalogoFalhaCausa == null">', 
         '    <img alt="" src="app/images/Pendente.png" />', 
         '   </tpl>', 
         '   <tpl if="GrupoCodeCausa == \'REPROVAD\' ">', 
         '    <img alt="" src="app/images/Reprovado.png" />', 
         '   </tpl>', 
         '   <tpl if="GrupoCodeCausa != \'REPROVAD\' && GrupoCodeCausa != \'\' && GrupoCodeCausa != null">', 
         '    <img alt="" src="app/images/Aprovado.png" />', 
         '   </tpl>', 
         '  </tpl>', 
         ' </td>', 
         ' <td width="100%" align="left">', 
         '  {NomeSistema} <br />&nbsp;', 
         '  <img alt="" src="app/images/setahierarquia.png" />', 
         '  <tpl if="NomeParte != \'\' || NomeParte != null">{CodeParte}- {NomeParte}', 
         '  <br />', 
         '   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;', 
         '   <img alt="" class="style2" src="app/images/setahierarquia.png" /> <b>{CodeProblema}- {NomeProblema} </b>', 
         '  </tpl>', 
         '  <br />', 
         '  <br />', 
         '  <tpl if="TextoProblema != \'\' && TextoProblema != null">', 
         '   <p> <b>Descrição do Problema: </b>&nbsp;{TextoProblema} </p>', 
         '  </tpl>', 
         '  <tpl if="Status && Status !== \'\'">', 
         '   <p> <b>Status da Garantia: </b>&nbsp;{StatusDescricao} </p>', 
         '  </tpl>', 
         '  <p> <b>Causas: </b> </p>', 
         '   <tpl if="SAP_OMCatalogoFalhaCausa == \'\' || SAP_OMCatalogoFalhaCausa == null">', 
         '    Não definidas.', 
         '  </tpl>', 
         '  <tpl for="SAP_OMCatalogoFalhaCausa">  ', 
         '   <p>-> {CodeCausa}- {NomeCausa}</p>', 
         '  </tpl>', 
         ' </td> ', 
         ' </tr>', 
         '</table>', 
         '', 
         '', 
         { 
          disableFormats: true 
         } 
        ), 
        loadingText: 'Carregando....', 
        store: 'SAP_OMCatalogoFalha', 
        allowDeselect: true, 
        onItemDisclosure: true, 
        items: [ 
         { 
          xtype: 'toolbar', 
          docked: 'top', 
          height: '70px', 
          html: '&nbsp&nbspLista de Problemas', 
          margin: '', 
          padding: '', 
          ui: 'subnav', 
          items: [ 
           { 
            xtype: 'button', 
            docked: 'right', 
            height: 60, 
            id: 'btnProblemaDel', 
            margin: 4, 
            iconCls: 'trash', 
            iconMask: true 
           }, 
           { 
            xtype: 'button', 
            docked: 'right', 
            height: 60, 
            id: 'btnProblemaAdd', 
            margin: 4, 
            iconCls: 'add', 
            iconMask: true 
           } 
          ] 
         } 
        ] 
       } 

Answer 1

我得到了問題！每個其他功能列表都被設置爲佈局屬性vbox。建築後停止工作的唯一列表設置爲card。改變這一點，解決問題。