Question

我正在使用Sencha触摸应用程序，我有一个带有此功能的segmentedButton，从后端隐藏或显示不同的项目，它是一个动态segmentedButton，为此我需要调整，例如我只有一个如果用户拥有所有选项，那么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类中删除任何width属性，并在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
     }]
 }

在sencha touch app中的动态segmentedButton中设置Width

1 个答案: