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

Derrick.Jiao

‘对齐方式’这个菜单下面，点击这个红框标注内的按钮能自动添加灰色背景色（可以标注提醒我点过这个按钮）
image.png850569457.png

，
但是，对于我自己自定义添加的按钮却无法做到这样的效果。

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

Derrick.Jiao · Derrick.Jiao

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

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

Derrick.Jiao · Derrick.Jiao

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

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

文乐 · 文乐

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类里边吧？

文乐 · 文乐

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

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

Derrick.Jiao · Derrick.Jiao

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

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

		自动登录	找回密码
密码			立即注册

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

最佳答案

5 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证