登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

金牌服务用户

13 主题	30 帖子	143 积分

金牌服务用户

积分: 143

421
金币
13
主题
30
帖子

最新发帖

[已处理] 按照demo添加工具栏按钮没有效果，且希望实现demo效果

zyh2123606
金牌服务用户 / 发表于：2024-4-11 11:20 / 查看：2339 / 回复：8

1金币

image.png43958739.png

image.png385721434.png

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

image.png535393676.png

最佳答案

查看完整内容

这是因为我们工具栏是一个自适应的设计，窗口不够大，那么我们为了让用户能够用到所有的按钮，就自动将按钮组收起来了，您如果期望您的按钮都是展开的，您可以将您的按钮组放到开头。或者保证您的网页窗口尽量大，先保证左边的按钮展开了，才能轮到您添加到最后面的按钮

收藏

回复

8 个回复

正序浏览

zyh2123606
金牌服务用户 / 发表于：2024-4-11 15:10:36 8^#

我是要在开始这个操作栏最后添加一个自定义操作， image.png432641295.png

image.png432641295.png

，但是不要收起来点击才展示，要像这样 image.png866763305.png

image.png866763305.png

显示

回复 使用道具举报

zyh2123606
金牌服务用户 / 发表于：2024-4-11 14:59:45 7^#

image.png640653686.png

实现这样的布局，但是怎么设置都不对

回复 使用道具举报

Richard.Huang
超级版主 / 发表于：2024-4-11 14:58:59 6^#

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

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

image.png828544616.png

回复 使用道具举报

zyh2123606
金牌服务用户 / 发表于：2024-4-11 14:27:24 5^#

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

image.png61330870.png

像这样

回复 使用道具举报

zyh2123606
金牌服务用户 / 发表于：2024-4-11 14:05:54 4^#

好的，谢谢

回复 使用道具举报

Richard.Huang
超级版主 / 发表于：2024-4-11 14:01:07 3^#

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

image.png61119383.png

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

image.png316988219.png

回复 使用道具举报

夏莫听雨
注册会员 / 发表于：2024-4-11 12:10:56 2^#

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

回复 使用道具举报

最佳答案

最佳答案

Richard.Huang
超级版主 / 发表于：2024-4-11 11:20:33 来自 9^#

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

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

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

复制代码

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

image.png21964110.png

回复 使用道具举报