在 sencha touch 应用程序的动态分段按钮中设置宽度

Question

我正在使用 Sencha 触摸应用程序，并且我有一个带有此功能的分段按钮，从后端隐藏或显示不同的项目，它是一个动态分段按钮，为此我需要调整，例如我只有一个如果用户拥有所有选项，segmentedButton 大小的选项将是..当然在屏幕中居中..

怎么做？

目前我的代码是：

      {
        xtype : 'segmentedbutton',
        itemId: 'surveyEditorSegmentedButton',
        cls   : 'surveyEditorSegmentedButton',
        items : [
          {
            itemId  : 'presenceData',
            iconMask: true
            //pressed : true
          },
          {
            itemId  : 'auxiliaryFields',
            iconMask: true
          },
          {
            itemId  : 'profiles',
            iconMask: true
          },
          {
            itemId  : 'photos',
            iconMask: true
          }
        ]
      }

我看过这个链接：https://www.sencha.com/forum/showthread.php?251841-How-to-stretch-items-inside-a-Segmented-Button-to-100

但它并不完全相同，我的分段按钮有一个宽度，在这种情况下是整个屏幕..

Answer 1

从 css 类中删除任何宽度属性，并根据 flex 值计算宽度。

 {
     xtype: 'segmentedbutton',
     itemId: 'surveyEditorSegmentedButton',
     cls: 'surveyEditorSegmentedButton',
     flex     : 1,
     defaults : {
         flex : 1
     },
     items: [{
         itemId: 'presenceData',
         iconMask: true
         //pressed : true
     }, {
         itemId: 'auxiliaryFields',
         iconMask: true
     }, {
         itemId: 'profiles',
         iconMask: true
     }, {
         itemId: 'photos',
         iconMask: true
     }]
 }