状态栏添加的自定义按钮，如何设置有灰色背景色这样的样式？

‘对齐方式’这个菜单下面，点击这个红框标注内的按钮  能自动添加灰色背景色（可以标注提醒我点过这个按钮）
，
但是，对于我自己自定义添加的按钮 却无法做到这样的效果。

请问：需要添加什么属性 才能做到这样的效果啊？

文乐 发表于 2022-2-11 17:14
好的，我这边解决了这个问题了，感谢

不用客气，那这边就先结贴了，有新问题欢迎开新帖交流~

Derrick.Jiao 发表于 2022-2-11 12:02
理解你的问题了，请参考附件demo的方式实现，通过setData和getData进行状态的获取与设置。

好的，我这边解决了这个问题了，感谢

Derrick.Jiao 发表于 2022-2-11 09:50
你好，这个属于Component的概念了，只是应用了不同的css。每一个command，都会有一个承载UI的component，这 ...

您好，我这边command的component设置了 checkbox，代码如下：
submitForReview:{
      text: "提交审核",
      commandName: "submitForReview",
      iconClass: "tjsh",
      type: 'checkbox',
      title: '提交审核',
      execute: (designer) => {
        // window.$ContractEditor.$refs.HeaderRef.openRecordBidEvaluationSteps(1)
      },
    },
但是点击这个按钮的时候，检查当前点击元素，发现并没有设置  checked="true" 这个属性
非自定义的按钮，点击后，检查当前点击的按钮 发现是有这个属性的。（ps：我的自定义按钮 带文字）


请问还有哪里不对 ，才导致我的效果不一样？

还有一个点，尝试在添加命令时设置对应的css样式， 这个样式的类名放在iconClass里面  这句话意思是，添加的样式是要放到  'tjsh'class类 里边吧？

你好，这个属于Component的概念了，只是应用了不同的css。每一个command，都会有一个承载UI的component，这个component，会被command的iconClass修饰而表现出不一样的状态。例如


command是topAlign，component是checkbox，然后在用ribbon-button-topalign这个css 的class来修饰成不同的性状。这个就不是designer的概念了，而是css的概念了，建议你尝试在添加命令时设置对应的css样式。这个样式的类名放在iconClass里面。

文乐 发表于 2022-2-11 10:29
您好，我这边command的component设置了 checkbox，代码如下：
submitForReview:{
      text: "提交审 ...

理解你的问题了，请参考附件demo的方式实现，通过setData和getData进行状态的获取与设置。