按照demo添加工具栏按钮没有效果，且希望实现demo效果

Richard.Huang

要实现类似demo的效果 image.png535393676.png

Richard.Huang · Richard.Huang

zyh2123606 发表于 2024-4-11 15:10
我是要在开始这个操作栏最后添加一个自定义操作，，但是不要收起来点击才展示，要像这样显示

这是因为我们工具栏是一个自适应的设计，窗口不够大，那么我们为了让用户能够用到所有的按钮，就自动将按钮组收起来了，您如果期望您的按钮都是展开的，您可以将您的按钮组放到开头。

// homeTab.buttonGroups.push(ribbonCustomerConfig)
homeTab.buttonGroups.unshift(ribbonCustomerConfig)// 把您的按钮组放到开头就不会折叠

复制代码

或者保证您的网页窗口尽量大，先保证左边的按钮展开了，才能轮到您添加到最后面的按钮
image.png21964110.png

夏莫听雨 · 夏莫听雨

可以参考这个demo https://demo.grapecity.com.cn/spreadjs/help/docs/designer/spreadjs_designer_component/customizations/add_button_in_tab

Richard.Huang · Richard.Huang

您好，您可以按照上面同学描述的参考对应的demo实现您的功能，其次，注意到您添加到children中的元素不对
image.png61119383.png

您应该进行对应的修改
image.png316988219.png

zyh2123606 · zyh2123606

好的，谢谢

zyh2123606 · zyh2123606

但是这样有两个按钮的时候就要点击然后在下拉框里显示，我想实现的是不用在下拉框显示，直接显示 image.png61330870.png

像这样

Richard.Huang · Richard.Huang

zyh2123606 发表于 2024-4-11 14:27
但是这样有两个按钮的时候就要点击然后在下拉框里显示，我想实现的是不用在下拉框显示，直接显示像这样

您好，那么您新增行新增列这俩按钮的位置应该添加到选项卡上而不是另一个按钮上，您代码中的ribbonCustomerConfig实际上应该是个选项卡，而不是作为按钮放在按钮组中，详细实现方式可以参考我们这个学习指南：https://demo.grapecity.com.cn/sp ... stom-ribbon1/purejs
image.png828544616.png