Question

我正在使用带有“segmentedbutton”组件的Sencha Touch应用程序

{
        xtype     : 'segmentedbutton',
        cls       : 'filterbar-segmented-button',
        pressedCls: 'filterbar-segmented-button-pressed',
        items     : [
          {
            itemId  : 'showAllCustomers',
            iconCls : 'user',
            iconMask: true,
            pressed : true
          },
          {
            itemId  : 'showCustomersWithSurvey',
            iconCls : 'compose',
            iconMask: true
          }
        ]
      }

我指定了不同的css类，具体取决于是否按下了按钮..但是它无法正常工作且字体的颜色没有变化..

这里是css代码：

.filterbar-segmented-button {
  padding-left: 18%;
  color: blue;
  .filterbar-segmented-button-pressed{
    background-color: blue;
    color: white;
  }
}

我做错了什么？

提前谢谢

Answer 1

我找到了这种方式的解决方案..

.filterbar-segmented-button {
  padding-left: 18%;
  color: blue;
  .filterbar-segmented-button-pressed{
    background-color: blue;
    .x-button-icon,
    .x-button-label {
      color: #f8f8f8;
    }
  }
}

Answer 2

您以错误的方式应用Css Css类的层次结构错误

'filterbar分段按钮'， “filterbar分段按钮按下”

这两个Css将应用于同一个分段按钮。为了按钮应用Presed Cls

 private void Button_Click(object sender, RoutedEventArgs e)
    {
        BitmapSource image = Clipboard.GetImage();
        Stream packagedImage = WpfPayload.SaveImage(image, WpfPayload.ImageBmpContentType);
        object element = WpfPayload.LoadElement(packagedImage);
        Para1.Inlines.Add(element as Span);
    }

这将按预期工作

Answer 3

你的CSS不正确。试试这个。

.filterbar-segmented-button {
    padding-left: 18%;
    color: blue;
}
.filterbar-segmented-button-pressed{
    background-color: blue;
    color: white;
 }

在Cecha Touch应用程序中，pressedCls不能与segmentedButton一起使用

3 个答案: